/* Reset CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	/*background-color:#EEF4AD;*/
	/*background-color:#FFFFFF;*/
	background-color:#E1E1E1;
}

strong {
	font-weight:bold;
}


#container {
	margin:auto;
	width:1001px;
	display:block;
	height:100%;
	/*border-left:1px solid #D3D990;
	border-right:1px solid #D3D990;*/
	border:1px solid #ccc;
	background-color:#FFF;
	overflow: hidden;
}

#header {
	height:216px;
	background:url(img/header-new5.jpg) no-repeat top center;
	font-size:12px;
	/*text-transform:uppercase;*/
	color:#999;
	padding-left:15px;
}


#footer {
	margin:auto;
	width:1001px;
	display:block;
	height:100%;
	/*border-left:1px solid #D3D990;
	border-right:1px solid #D3D990;*/
	overflow: hidden;
	/*height:50px;*/
	font-size:10px;
	color:#666;
	}

#footer p {
	display:block;
	text-align:right;
	margin-right:25px;
	margin-top:10px;
	margin-bottom:15px;
}

#footer a {
	color:#666;
}

.premierelettre {
	/*color:#FF0000;*/
	color:#99CC00;

}

.petite-citation {
	font-size:12px;
	font-style:italic;
}


#colg {
	width:266px;
	float:left;
	padding:20px 0 0 0px;
	font-size:13px;
	/*line-height:22px;*/
}

#cold {
	width:665px;
	float:left;
	padding:36px 20px 0 30px;
}

#cold2 {
	width:665px;
	float:left;
	padding:46px 20px 0 30px;
	margin-bottom:25px;
}

#cold p {
	text-align:justify;
	line-height:15px;
	font-size:13px;
	color:#333333;
	margin-bottom:20px;
}

#cold ul{
	text-align:justify;
	line-height:15px;
	font-size:13px;
	color:#333333;
	margin-top:-10px;
	margin-bottom:20px;
}

#cold ul li{
	text-align:justify;
	line-height:15px;
	font-size:13px;
	color:#333333;
	/*margin-bottom:10px;*/
	margin-left:40px;
}

#cold h1, #cold h2, #cold h3{
	font-size:24px;
	font-weight:bold;
	background:url(img/sous-h1.gif) no-repeat bottom left;
	padding-bottom:5px;
	margin-bottom:20px;
	color:#253407;
}

#colg ul li{
	color:#666666;
	list-style-type: none;
	margin: 5px 0 10px 20px;
	text-align: left;
	background:url(img/puce.gif) no-repeat top left;
	padding:0 0 10px 17px;
}

#colg p{
	color:#666666;
	margin: 5px 0 10px 20px;
	text-align: left;
	background:url(img/tickvert.png) no-repeat top left;
	padding:0 0 10px 17px;
}

#colg img{
	margin: 5px 0 10px 60px;
	padding:0 0 10px 17px;
}

#colg h4 {
	display:block;
	height:49px;
	line-height:43px;
	width:266px;
	padding-left:20px;
	background:url(img/menu-colg-new.gif) no-repeat top left;
	color:#000;
	font-size:16px;
	font-weight:bold;
	margin-top:15px;
}

#twitter a {
}

#twitter img {
	margin:0 10px 0 22px;
	padding:0;
}

#rectangle {
	background:url(img/rectangle.gif) no-repeat top left;
	width:620px;
	height:181px;
	padding:20px 20px 20px 20px;
}

#citation {
	background-color:#F2F3BD;
	width:620px;
	/*height:181px;*/
	text-align:center;
	padding:20px 20px 20px 20px;
	margin-bottom:20px;
}

#fichier {
	float:right;
	background:url(img/certification-9001-14001.gif) no-repeat top center;
	/*background:url(img/fichier.gif) no-repeat top center;*/
	font-weight:bold;
	font-size:12px;
	width:140px;
	height:180px;
	margin-top:5px;
}

/*
#cold img {
	float:right;
	margin-left:25px;
	}
*/

#rectangle p {
	text-align:justify;
	line-height:23px;
	font-size:13px;
	width:450px;
	color:#8B8C36;
}

#rectangle a, #rectangle a:hover, #rectangle a:visited{
	color:#333333;
	text-decoration:none;
}

#rectangle h2{
	font-weight:bold;
	font-size:24px;
	margin-bottom:5px;
}


#colg a,  #colg a:hover, #colg a:visited{
	color:#99CC00;
	/*color:#FF0000;*/
	text-decoration:underline;
}

#menu {
/*background:url(img/fond-menu.gif) repeat-x top;*/
	background-color:#F2F3BD;
	border-bottom:1px solid #ccc;
}

#menu a {
	text-decoration:none;
	padding-left:25px;
	padding-right:25px;
	font-weight:bold;
}

#menu a:hover {
	text-decoration:none;
	/*border-top:3px solid #ff0000;*/
	border-top:3px solid #99CC00;
}

.bouton {
	display:block;
	height:28px;
	width:146px;
	background:url(img/bouton.gif) no-repeat top left;
	line-height:28px;
	padding-left:6px;
	color:#000;
}

/*Styles menu*/
.menu {
margin:auto;
list-style:none;
height:43px;
position:relative;
z-index:500;
font-family:arial, verdana, sans-serif;
text-decoration:uppercase;
}

.menu li.top {
display:block;
float:left;
height:43px;
border-right:1px solid #aaa;
}
/*
.menu li.dernier {
display:block;
float:left;
height:43px;
}*/

.menu li a.top_link {
display:block;
float:left;
height:43px;
line-height:43px;
font-size:14px;
padding:0 0 0 0;
cursor:pointer;
color:#000;
}

.menu li a.top_link_menu {
display:block;
float:left;
height:43px;
line-height:43px;
font-size:14px;
padding:0 0 0 0;
cursor:pointer;
color:#000;
}

.menu li a.top_link span {
float:left;
display:block;
/*padding:0 10px 0 10px;*/
height:43px
}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu a:hover {visibility:visible; position:relative; z-index:200;}
.menu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul {
position:absolute;
left:-9999px;
top:-9999px;
width:0;
height:0;
margin:0;
padding:0;
list-style:none;
}

.menu ul.contact {width:160px;}
.menu ul.deee {width:220px;}
.menu ul.cd-dvd {width:205px;}
.menu ul.box {width:245px;}

.menu :hover ul {
	left:0;
	top:40px;
	/*background: #5C7A1F;/* url(img/fond-menu.gif) repeat-x bottom;*/
	background:#F2F3BD;

	/*padding:2px;*/
	/*border-left:1px solid #44641A;
	border-right:1px solid #44641A;
	border-top:1px solid #44641A;*/
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	white-space:nowrap;
	height:auto;
	text-align:left;
	z-index:300;
	margin-left:-1px;
	}
.menu :hover ul li {display:block; height:30px; position:relative; font-weight:normal; width:auto; text-transform:none;
	/*border-bottom:1px solid #bbb;*/}
.menu :hover ul li a {display:block; font-size:14px; height:30px; line-height:30px; width:auto; color:#000; text-decoration:none;}

/* fin style menu */

/*syles formulaires*/

#infoform{
	background:#EEF2BC;
	padding-bottom:15px;
	margin-bottom:20px;
	}


#infoform h3 {
	font-size:20px;
	font-weight:bold;
	margin-left:20px;
	padding-top:10px;
	margin-bottom:20px;
	}


/*Validation de formulaires*/
.droite{
	/*width: 300px;*/
	clear: left;
	margin: 0;
	margin-left:20px;
	padding: 4px 0 4px 0;
	padding-left: 200px; /*width of left column containing the label elements*/
	/*border-top: 1px dotted #CCCCCC;*/
	/*height: 1%;*/
}

.cssform label{
	float: left;
	margin-left: -200px; /*width of left column*/
	width: 200px; /*width of labels. Should be smaller than left column to create some right margin*/
}

.cssform input[type="text"]{
	width: 420px;
}

.cssform textarea{
	width: 420px;
	height: 50px;
}

.double{
	/*width: 300px;*/
	clear: left;
	margin: 0;
	margin-left:20px;
	padding: 4px 0 4px 0;

}

.cssformdouble label{
	float: left;
	margin-left: 20px; /*width of left column*/
	width: 190px; /*width of labels. Should be smaller than left column to create some right margin*/
}

.cssformdouble input[type="text"]{
	width: 90px;
}

.cssformcinq table tr td{
	padding-left:20px;
	width:90px;
}

.cssformcinq label{
	float: left;
	width: 120px; /*width of labels. Should be smaller than left column to create some right margin*/
}

.cssformcinq input[type="text"]{
	width: 90px;
}

/* style d'images */
.imgdroite {
	float:right;
	margin-right:60px;
	margin-left:30px;
	margin-bottom:15px;
}

.imgcentrer {
	margin-left:40px;
	margin-bottom:15px;
}

/*.threepxfix class below:
Targets IE6- IE7. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
}

.validation-advice {
	/*margin: 5px 0;
	padding: 5px;*/
	margin: 5px 0;
	padding: 2px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	font-size:12px;
}

/*synoptiques*/

#inclusionimages {
	position: relative;
	/*border:1px solid #ccc;*/
	height:540px;
	width:600px;
}

div.fadehover {
	position: relative;
	}

/*div.cd0, div.deee0, div.box0{*/
div.cd0, div.deee0, div.box0{
	position: absolute;
	/*border:1px solid #ccc;*/
	left: 80px;
	top: 40px;
	width:180px;
	height:120px;
	cursor:hand;
	word-wrap:break-word;
	white-space:normal;
	z-index:900;
	}

div.cd1, div.deee1, div.box1{
	position: absolute;
	/*border:1px solid #ccc;*/
	left: 250px;
	top: 170px;
	width:50px;
	height:30px;
	cursor:hand;
	word-wrap:break-word;
	white-space:normal;
	z-index:900;
	}

div.cd2, div.deee2, div.box2{
	position: absolute;
	/*border:1px solid #ccc;*/
	left: 300px;
	top: 240px;
	width:50px;
	height:30px;
	cursor:hand;
	word-wrap:break-word;
	white-space:normal;
	z-index:900;
	}

div.cd3, div.deee3, div.box3{
	position: absolute;
	/*border:1px solid #ccc;*/
	left: 300px;
	top: 320px;
	width:50px;
	height:30px;
	cursor:hand;
	word-wrap:break-word;
	white-space:normal;
	z-index:900;
	}

div.cd4, div.deee4, div.box4{
	position: absolute;
	/*border:1px solid #ccc;*/
	left: 260px;
	top: 380px;
	width:50px;
	height:30px;
	cursor:hand;
	word-wrap:break-word;
	white-space:normal;
	z-index:900;
	}

div.cd5, div.deee5, div.box5{
	position: absolute;
	/*border:1px solid #ccc;*/
	left: 50px;
	top: 440px;
	width:250px;
	height:60px;
	cursor:hand;
	word-wrap:break-word;
	white-space:normal;
	z-index:900;
	cursor:pointer;
	}

img.a {
	position: absolute;
	left: 0;
	top: 0;
	}

img.b {
	position: absolute;
	left: 0;
	top: 0;
	}

img.c {
	position: absolute;
	left: 0;
	top:0;
	}

img.d {
	position: absolute;
	left: 0;
	top:0;
	}

img.e {
	position: absolute;
	left: 0;
	top:0;
	}