@charset "UTF-8";
/* CSS Reset */

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 {
min-width:960px;
	line-height: 1;
	color: black;
	/*background:url(/site-professionnel-images-generales/background.jpg) repeat fixed; */
	background-color:#F2F2F2;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
	overflow-x:hidden;
}

ol, ul {
	list-style: none;
}

sup {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
	}
	
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* aellio CSS Style */


.language-left, .language-right {
font-size:12px;
padding:6px;
margin:6px;
margin-top:0;
border:#D7D7D7 solid 3px;
border-top:0;
line-height:16px;
text-align:center;
background-color:#EBEBEB;
width: 60px;
-webkit-box-shadow: #0066CC 0px 0px 32px;
-moz-box-shadow:  #0066CC 0px 0px 32px;
	box-shadow: #0066CC 0px 0px 32px;
	
}


hr {
clear:both;
visibility:hidden;
margin:0;
padding:0;
height:0;
}

#top {
	background: -moz-linear-gradient(top, #F2F2F2, #B8B8B8);
	background: -webkit-gradient(linear, center top, center bottom, from(#F2F2F2), to(#B8B8B8));
	background: -webkit-gradient(linear, center top, center bottom, from(#F2F2F2), to(#B8B8B8));
	/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2F2F2, endColorstr=#B8B8B8);
	/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2F2F2, endColorstr=#B8B8B8)";
	width:100%;
	min-width: 970px;
	margin-bottom:-6px;
	height: 555px;
	margin-left: auto;
	margin-right: auto;
}

.clavier {
margin-left: auto;
margin-right:auto;
display:block;

	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	
	-webkit-box-shadow: #0066CC 0px 0px 32px;
	-moz-box-shadow:  #0066CC 0px 0px 32px;
	box-shadow: #0066CC 0px 0px 32px;

}
#logocontact {
	position:relative;
	float:left;
	width:28%;
	top:-20px;
	min-width:285px;
}

#logocontact p {

padding-left:6px;

}

.Titre1 {
	display:block;
	margin-bottom:12px;
	font-size:16px;
	text-align:center;
	color:#000000;
	padding-bottom:24px;
	border-bottom: 1px solid #787878;
	margin-left:auto;
	margin-right:auto;
	width:60%;
}

#logo {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:83px;
	margin-bottom:6px;
}




fieldset {	/*** Mise en forme des cadres ***/
	padding: 8px;
	text-align:center;
	font-size:16px;
	border:1px solid #FFFFFF;
	width:74%;
	margin-left:auto;
	margin-right:auto;
}

 .legend {	/*** Mise en forme des titres des cadres ***/
	color:#323232;
	font-weight: bold;
	letter-spacing:0.05em;
	text-align:center;
	background:none;
	font-size:20px;	
}



#contact p {	
margin-top:12px;
}

.focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	padding:2px;
	background:#EAF5FF;
	color:blue;
	font-size:14px;
}

.normal {	/*** Mise en avant des champs en cours d'utilisation ***/
	padding:3px;
	background:#FFFFFF;
	color:black;
	font-size:14px;
	font-style:normal;
}

 #choix {	/*** Mise en avant del la liste de choix ***/
	background:#EAF5FF;
	color:blue;
	font-size:14px;
	margin-top:3px;
	margin-bottom:6px;
}

 #email {
 margin-top:3px;
 font-size:14px;
 
 }	
 
 label{
 display:block;
 margin-bottom:6px;
 font-size:18px;
 }

input, select  {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

#valid0  {
color:#808080;
margin:6px;
margin-top:12px;
height:38px;
font-size:18px;
background: -moz-linear-gradient(top, #DEDEDE, #FFFFFF);
background: -webkit-gradient(linear, center top, center bottom, from(#DEDEDE), to(#FFFFFF));
background: -webkit-gradient(linear, center top, center bottom, from(#DEDEDE), to(#FFFFFF));
	/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DEDEDE, endColorstr=#FFFFFF);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DEDEDE, endColorstr=#FFFFFF)";
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
outline: none;

}

#valid1  {
	color:#009900;
	font-weight:bold;
	margin:6px;
	margin-top:12px;
	height:38px;
	font-size:18px;
	background: -moz-linear-gradient(top, #DEDEDE, #FFFFFF);
	background: -webkit-gradient(linear, center top, center bottom, from(#DEDEDE), to(#FFFFFF));
	/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DEDEDE, endColorstr=#FFFFFF);
	/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DEDEDE, endColorstr=#FFFFFF)";
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: #000000 0px 0px 32px;
	box-shadow:#000000 0px 0px 32px;
	-webkit-box-shadow:#000000 0px 0px 32px;
	outline: none;
	margin-left: auto;
	margin-right: auto;
}

#valid1:hover {
color:#FFFFFF;
border:#009900 solid 3px;
background-color:#009900;
background: -moz-linear-gradient(top, #009900, #00FF00);
background: -webkit-gradient(linear, center top, center bottom, from(#009900), to(#00FF00));
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#009900, endColorstr=#00FF00);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#009900, endColorstr=#00FF00)";
outline: none;

}

#valid1:active {
color:#FFFFFF;
border:#009900 solid 3px;
background-color:#009900;
background: -moz-linear-gradient(top, #009900, #00FF00);
background: -webkit-gradient(linear, center top, center bottom, from(#009900), to(#00FF00));
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#009900, endColorstr=00FF00);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#009900, endColorstr=#00FF00)";
-moz-box-shadow: gray 0px 0px 0px;
box-shadow:gray 0px 0px 0px;
-webkit-box-shadow:gray 0px 0px 0px;
outline: none;

}

.bouton-centre {
display:block;
margin-left:auto;
margin-right:auto;
}

/* -------------------------------- DESCRIPTIONS TOP ----------------------------------------------- */





#intro  {
	position:absolute;
	vertical-align:bottom;
	left:0px;
	bottom: -1px;
	padding:12px;
}

#description-top  {
background:#FFFFFF;
filter:alpha(opacity=80);opacity:0.80;

text-align:justify;
font-size:17px;
font-weight:bold;
border:#D7D7D7 solid 1px;
border-bottom:white solid 6px;
padding:6px;
line-height:1.2em;
}

#description-top-bleu  {
	position:relative;
	margin-top: -57px;
	width:38%;
	min-width:363px;
	float:left;
	vertical-align:bottom;
	font-size:18px;
	min-height: 534px;
	background:#FFFFFF;
	text-align:justify;
	border:#336799 solid 1px;
	border-bottom:white solid 1px;
	padding:12px;
	line-height:1.2em;
	vertical-align:bottom;
	bottom: -26px;
	left:0px;
	height:100%;
}


#description-top-bleu strong {
font-weight:100;
}


#description-top-bleu-devis  {
background:#FFFFFF;


text-align:justify;
;
font-size:17px;
font-weight:bold;
border:#336799 solid 1px;
padding:6px;
line-height:1.2em;

}

#description-top-bleu-gris  {
filter:alpha(opacity=75);opacity:0.75;

background:#EAF5FF;

text-align:justify;

font-size:17px;
font-weight:bold;
border:#D7D7D7 solid 1px;
border-bottom:#EAF5FF solid 1px;
padding:6px;
line-height:1.2em;

	

}

#description-top-rouge  {
background:#FFFFFF;
filter:alpha(opacity=75);opacity:0.75;
text-align:justify;

font-size:17px;
font-weight:bold;
border:#AA1103 solid 1px;
border-bottom:white solid 1px;
padding:6px;
line-height:1.2em;

	
	
}


#description-top-jaune  {
background:#FFFFFF;
filter:alpha(opacity=75);opacity:0.75;

text-align:justify;

font-size:17px;
font-weight:bold;
border:#DEAD08 solid 1px;
border-bottom:white solid 1px;
padding:6px;
line-height:1.2em;

	

}


#description-top-vert  {
background:#FFFFFF;
filter:alpha(opacity=75);opacity:0.75;

text-align:justify;

font-size:17px;
font-weight:bold;
border:#339967 solid 1px;

padding:6px;
line-height:1.2em;

}


/* ------------------------------ FIN DESCRIPTIONS TOP / DEBUT FORMULAIRE DEVIS ---------------------------------------------------- */

#description-top2 {
vertical-align:bottom;


}

#description-top2 form {
vertical-align:bottom;
margin-top:32px;
width:90%;
margin-left:auto;
margin-right:auto;
}

#description-top2 fieldset {
display:block;
width:80%;
margin-left:auto;
margin-right:auto;
padding: 6px;
	text-align:center;
border:1px #FFFFFF solid;

	
	
}

#description-top2 p {
font-size:16px;
padding:0px;
margin:0px;
}

#description-top2 fieldset .legend {
font-size:20px;
}

strong {
font-weight:bold;
color:black;
}

#description-top-bleu-devis h1, #description-top h1, #description-top-bleu h1, #description-top-rouge h1, #description-top-jaune h1, #description-top-vert h1, #description-top-bleu-gris h1 {
text-align:center;
margin-top:3px;
font-size:18px;
font-weight:bold;
color:white;
background-color:#003366;
padding:6px;
margin-bottom:12px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	

}

#description-top-bleu-devis p, #description-top p, #description-top-bleu p, #description-top-rouge p, #description-top-jaune p, #description-top-vert p, #description-top-bleu-gris p  {
margin-bottom:3px;

}

#description-top-bleu-devis form, #description-top form, #description-top-bleu form, #description-top-rouge form, #description-top-jaune form, #description-top-vert form, #description-top-bleu-gris form  {

padding:3px;

text-align:center;
	border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	background-color:#FFFFFF;
	background: -moz-linear-gradient(top, #FFFFFF, #090);
	background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#090));
	/* For Internet Explorer 5.5 - 7 */
/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#090); */
/* For Internet Explorer 8 */
/* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#090)"; */
}

#description-top-bleu-devis label, #description-top label, #description-top-bleu label, #description-top-rouge label, #description-top-jaune label, #description-top-vert label, #description-top-bleu-gris label  {
margin-top:3px;
padding-top:3px;
 margin-bottom:3px;
 font-size:16px;
 }



textarea {
resize:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
 }
 


#input {
height:125px;
overflow-y:auto;
border: #003366 solid 1px;
padding:3px;
margin:6px;
background-color:#FFFFFF;
 }



.blue {
color:#336799;
}

.red {
color:#AA1103;
}

.yellow {
color:#DEAD08;
}

.green {
color:#339967;
}

.tailledouble {
font-size:22px;
}


#logocontact p {
padding-top:6px;
margin-left:24px;
margin-right:24px;
}


/* ------------------------------ MENU TOP DROIT ---------------------------------------------------- */
#droit {
	position:relative;
	float:left;
	width:28%;
	top:-20px;
	min-width:285px;
}

#menu-top-droit {
color:#606060;
padding:6px;
top:-40px;
padding-bottom:12px;
padding-left:0px;

}


#menu-top-droit p {

padding-bottom:8px;
border-bottom: #D7D7D7 solid 1px;
margin-bottom:6px;
padding-left:24px;
font-weight:bold;
font-size:22px;
text-align:center;
color:#393939;
}

.menudroit {
margin-left:0px;
text-align:center;
line-height:1.1em;
font:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
}


.menudroit a {

margin-left:-1px;
display:block;
padding:5px;
border: transparent solid 1px;
line-height:1.1em;
}

.menudroit a:hover {
text-decoration:none;
background:#EAF5FF;
border: blue solid 1px;
border-left:0px;

border-top-right-radius: 12px;
-moz-border-radius-topright: 12px;
-webkit-border-top-right-radius: 12px;
	
border-bottom-right-radius: 12px;
-moz-border-radius-bottomright: 12px;
-webkit-border-bottom-right-radius: 12px;


}

.menudroit a:active {
font-weight:normal;
display:block;
line-height:1.1em;
text-decoration:none;
border: solid 1px;
background:#CFE9FF;

border-top-right-radius: 12px;
-moz-border-radius-topright: 12px;
-webkit-border-top-right-radius: 12px;
	
border-bottom-right-radius: 12px;
-moz-border-radius-bottomright: 12px;
-webkit-border-bottom-right-radius: 12px;

}


.menudroit a.actif {
text-decoration:none;
background:#EAF5FF;
border: blue solid 1px;
border-left:0px;

border-top-right-radius: 12px;
-moz-border-radius-topright: 12px;
-webkit-border-top-right-radius: 12px;
	
border-bottom-right-radius: 12px;
-moz-border-radius-bottomright: 12px;
-webkit-border-bottom-right-radius: 12px;


}

.menuactif {
font:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;

color:black;
display:block;
line-height:1.1em;
text-decoration:none;
border:#D7D7D7 solid 1px;
background-color:white;
border-right:0;
padding:6px;
}

/* ------------------------------ FIN DE MENU TOP DROIT ---------------------------------------------------- */



#central {
background-color:#B8B8B8;

margin-top:-7px;
	color:#003366;
	width:86%;
	float:left;
	margin-left:80px;
	padding-left:12px;
	
	padding-right:12px;
	
	border:#D7D7D7 solid 1px;
	
	
	border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	
	
	-webkit-box-shadow: #0066CC 0px 0px 42px;
-moz-box-shadow:  #0066CC 0px 0px 42px;
	box-shadow: #0066CC 0px 0px 42px;
}

#centralbleu {
background:#FFFFFF;
top:-65px;
	color:#003366;

	padding-left:88px;
	
	padding-right:88px;
	
	border-top:#336799 solid 1px;
	
	padding-bottom:48px;
	
	-webkit-box-shadow: #0066CC 0px 0px 42px;
-moz-box-shadow:  #0066CC 0px 0px 42px;
	box-shadow: #0066CC 0px 0px 42px;
}

#centralinfo {
background:#EAF5FF;
top:-65px;
	color:#003366;

	padding-left:88px;
	
	padding-right:88px;
	
	border-top:#336799 solid 1px;
	
	padding-bottom:48px;
	
	-webkit-box-shadow: #0066CC 0px 0px 42px;
-moz-box-shadow:  #0066CC 0px 0px 42px;
	box-shadow: #0066CC 0px 0px 42px;
}

#centralrouge {
background:#FFFFFF;

margin-top:-7px;
	color:#003366;
	width:86%;
	float:left;
	margin-left:80px;
	padding-left:12px;
	
	padding-right:12px;
	
	border:#AA1103 solid 1px;
	
	
	border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	
	-webkit-box-shadow: #0066CC 0px 0px 42px;
-moz-box-shadow:  #0066CC 0px 0px 42px;
	box-shadow: #0066CC 0px 0px 42px;
}


#centraljaune {
background:#FFFFFF;

margin-top:-7px;
	color:#003366;
	width:86%;
	float:left;
	margin-left:80px;
	padding-left:12px;
	
	padding-right:12px;
	
	border:#DEAD08 solid 1px;
	
	
	border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	
	-webkit-box-shadow: #0066CC 0px 0px 42px;
-moz-box-shadow:  #0066CC 0px 0px 42px;
	box-shadow: #0066CC 0px 0px 42px;
}



#centralvert {
background:#FFFFFF;

margin-top:-7px;
	color:#003366;
	width:86%;
	float:left;
	margin-left:80px;
	padding-left:12px;
	
	padding-right:12px;
	
	border:#339967 solid 1px;
	
	
	border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	
	-webkit-box-shadow: #0066CC 0px 0px 42px;
-moz-box-shadow:  #0066CC 0px 0px 42px;
	box-shadow: #0066CC 0px 0px 42px;
}
	


.info {
background:#EAF5FF;
}

#menufixe {
	line-height:1.2em;
	display:block;
	width:735px;
	height:120px;
	vertical-align:bottom;
	margin-top:24px;
	margin-bottom:-3px;
	margin-left: -365px;
	position: relative;
	left: 48%;
}

.menubleu a {
background-color:#FFFFFF;
padding:6px;
display:block;
float:left;
border: #336799 solid 1px;
text-decoration:none;
min-height:112px;
color: #336799;
text-align:center;
width:100px;
margin-left:0;
margin-right:1%;
border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-box-shadow: gray 0px 0px 12px;
	box-shadow:gray 0px 0px 12px;
	-webkit-box-shadow:gray 0px 0px 12px;
}

.menubleu a:hover {
background-color:#FFFFFF;

border: #336799 solid 1px;
color: #336799;
text-decoration:underline;

}

.menubleu a:active {

color: #FFFFFF;
background:#336799;
border: #336799 solid 1px;


}

.menubleu p {
min-height:112px;
padding:6px;
display:block;
float:left;
color: #FFFFFF;
background:#336799;
border: #336799 solid 1px;
text-align:center;
width:100px;
margin-left:0;
margin-right:1%;
border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	

}

.menurouge a {
background-color:#FFFFFF;
padding:6px;
display:block;
float:left;
border: #AA1103 solid 1px;
text-decoration:none;
min-height:112px;
color: #AA1103;
text-align:center;
width:100px;
margin-left:0%;
margin-right:1%;
border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-box-shadow: gray 0px 0px 12px;
	box-shadow:gray 0px 0px 12px;
	-webkit-box-shadow:gray 0px 0px 12px;
}


.menurouge a:hover {
text-decoration:underline;


}

.menurouge a:active {
padding:6px;
display:block;
float:left;;
color: #FFFFFF;
background:#AA1103;
border: #AA1103 solid 1px;
text-align:center;
width:100px;
margin-left:0%;
margin-right:1%;
}

.menurouge p {
min-height:112px;
padding:6px;
display:block;
float:left;;
color: #FFFFFF;
background:#AA1103;
border: #AA1103 solid 1px;
text-align:center;
width:100px;
margin-left:0%;
margin-right:1%;
border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
}

.menujaune a {
background-color:#FFFFFF;
padding:6px;
display:block;
float:left;
border: #DEAD08 solid 1px;
text-decoration:none;
min-height:112px;
color: #DEAD08;
text-align:center;
width:100px;
margin-left:0%;
margin-right:1%;
border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-box-shadow: gray 0px 0px 12px;
	box-shadow:gray 0px 0px 12px;
	-webkit-box-shadow:gray 0px 0px 12px;
}

.menujaune a:hover {

text-decoration:underline;



}

.menujaune a:active {

float:left;;
color: #FFFFFF;
background:#DEAD08;
border: #DEAD08 solid 1px;
text-align:center;

}

.menujaune p {
min-height:112px;
padding:6px;
display:block;
float:left;;
color: #FFFFFF;
background:#DEAD08;
border: #DEAD08 solid 1px;
text-align:center;
width:100px;
margin-left:0%;
margin-right:1%;
border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
}

.menuvert a {
background-color:#FFFFFF;
padding:6px;
display:block;
float:left;
border: #339967 solid 1px;
text-decoration:none;
min-height:112px;
color: #339967;
text-align:center;
width:100px;
margin-left:0%;
margin-right:1%;
border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-box-shadow: gray 0px 0px 12px;
	box-shadow:gray 0px 0px 12px;
	-webkit-box-shadow:gray 0px 0px 12px;
}

.menuvert a:hover {

text-decoration:underline;


}

.menuvert a:active {

color: #FFFFFF;
background:#339967;


}

.menuvert p {
min-height:112px;
padding:6px;
display:block;
float:left;;
color: #FFFFFF;
background:#339967;
border: #339967 solid 1px;
text-align:center;
width:100px;
margin-left:0%;
margin-right:1%;
border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
}


#Titrepage {
margin-top: -2px;
text-align:center;
font-size:24px;
font-weight:100;
color:white;
background-color:#003366;
padding:6px;
display:block;
margin-bottom:6px;
padding-bottom:12px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;

}

#Titrepagerouge {
margin-top: -2px;
text-align:center;
font-size:24px;
font-weight:100;
color:white;
background-color:#AA1103;
padding:6px;
display:block;
margin-bottom:6px;
padding-bottom:12px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	


}

.Titrepagebleu, #description-top-bleu h1 #intro #Titrepagebleu-top {
	margin-top: -2px;
	text-align:center;
	font-size:24px;
	font-weight:100;
	color:white;
	background-color:#336799;
	padding:6px;
	display:block;
	margin-bottom:6px;
	padding-bottom:12px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

#Titrepagejaune {
margin-top: -2px;
text-align:center;
font-size:24px;
font-weight:100;
color:white;
background-color:#DEAD08;
padding:6px;
display:block;
margin-bottom:6px;
padding-bottom:12px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	


}

#Titrepagevert {
margin-top: -2px;
text-align:center;
font-size:24px;
font-weight:100;
color:white;
background-color:#339967;
padding:6px;
display:block;
margin-bottom:6px;
padding-bottom:12px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	


}


#listeTitre2 {
	display:block;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

.MenuTitre2 a {

line-height:1.1em;
border: #003366 solid 2px;
text-decoration:none;
color:#003366;
text-align:center;
display:block;
float:left;
width:120px;
margin:6px;
margin-left:0.5%;
margin-right:0.5%;
min-height:110px;
padding:6px;
border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-box-shadow: gray 0px 0px 12px;
	box-shadow:gray 0px 0px 12px;
	-webkit-box-shadow:gray 0px 0px 12px;

}

.MenuTitre2 a:hover {
padding:6px;
display:block;
float:left;
border: #003366 solid 2px;
color: #003366;
text-decoration:underline;
text-align:center;
width:120px;
margin-left:0.5%;
margin-right:0.5%;
border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-box-shadow: gray 0px 0px 12px;
	box-shadow:gray 0px 0px 12px;
	-webkit-box-shadow:gray 0px 0px 12px;
}

.MenuTitre2 a:visited:hover {
padding:6px;
display:block;
float:left;
border: #003366 solid 2px;
color: #003366;
text-decoration:none;
text-align:center;
width:120px;
margin-left:0.5%;
margin-right:0.5%;
border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-box-shadow: gray 0px 0px 12px;
	box-shadow:gray 0px 0px 12px;
	-webkit-box-shadow:gray 0px 0px 12px;

}

.MenuTitre2 a:active {
padding:6px;
display:block;
float:left;;
color: #FFFFFF;
background:#003366;
border: #003366 solid 2px;
text-align:center;
width:120px;
margin-left:0.5%;
margin-right:0.5%;
}

.MenuTitre2 a:visited {
padding:6px;
text-decoration:none;
display:block;
float:left;;
color: #336699;
background-color:#FFFFFF;
border: #336699 solid 2px;
text-align:center;
width:120px;
margin-right:0.5%;
border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-box-shadow: gray 0px 0px 12px;
	box-shadow:gray 0px 0px 12px;
	-webkit-box-shadow:gray 0px 0px 12px;
}

ul#nav li#active, ul#nav li#active a, ul#nav a:hover {
padding:6px;
display:block;
float:left;;
color: #FFFFFF;
background:#003366;
border: #003366 solid 2px;
text-align:center;
width:100px;
margin-left:0.5%;
margin-right:0.5%;
}

a img {filter:alpha(opacity=80);opacity:0.80;}
a img:hover {filter:alpha(opacity=100);opacity:1.00;}

#centralinfo p, #centralbleu p, #centralrouge p, #centralvert p, #centraljaune p {
padding:6px;
line-height:1.2em;
}

.deuxcolonnes ul {
list-style-type: disc;
list-style-image:url(/professional-websites-generic-images/professional-website-list.jpg);
list-style-position:inside;
text-indent:-2.5em;
margin-left:2.5em;
padding-left:0;

}


#centralinfo .deuxcolonnes ul {
list-style-image:url(/professional-websites-generic-images/professional-website-blue-background.jpg);

}

.deuxcolonnes ul li  {
margin-bottom:6px;
line-height:1.2em;
}
 
.gauche {
float:left;
border-left:#D7D7D7 solid 3px;
width:48%;
padding:6px;

text-align:justify;
}

.gauche-bleu {
	float:left;
	border-left:#336799 solid 3px;
	width:47%;
	padding:1%;
	text-align:justify;
}


.droit {
float:right;
border-left:#D7D7D7 solid 3px;
width:48%;
padding:6px;
text-align:justify;
}

.droit-bleu {
	float:right;
	border-left:#336799 solid 3px;
	border-right:#336799 solid 3px;
	width:47%;
	padding:1%;
	text-align:justify;
}

.deuxcolonnes strong {
color:#003366;
}

.textecentre {

text-align:center;
}

h2 {text-align:center;
margin-top:12px;
font-size:18px;
color:white;
background-color:#003366;
padding:6px;
margin-bottom:6px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;

		}
		
.erreur {text-align:center;
margin-top:12px;
font-size:18px;
font-weight:bold;
color:white;
background-color:#AA1103;
padding:6px;
margin-bottom:6px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-box-shadow: gray 3px 3px 2px;
	box-shadow:gray 3px 3px 2px;
	-webkit-box-shadow:gray 3px 3px 2px;

		}
	
		
.imagecentre {
display:block;
margin-left:auto;
margin-right:auto;
}

#basdepage {
text-align:justify;
border:#003366 solid 1px;
background:#E8E8E8;
width:720px;
display:block;
margin-top:24px;
margin-bottom:12px;
margin-left:auto;
margin-right:auto;
color:#313131;
padding:12px;
border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-box-shadow: gray 3px 3px 2px;
	box-shadow:gray 3px 3px 2px;
	-webkit-box-shadow:gray 3px 3px 2px;
}

#basdepage p {
margin-bottom:12px;
line-height:1.4em;

}

#bottom {
height:28px;
width:20px;
display:block;
float:left;
}

.imagecentre {
display:block;
margin:12px;
margin-left:auto;
margin-right:auto;
}

.imagegauche {
float:left;
display:block;
margin:0;
margin-right:42px;
}

.invisible {
text-decoration:none;
color:#313131;
cursor:text;

}

#bandeau {
	position:fixed;
	min-width:980px;
	top:0px;
	left:0px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter:alpha(opacity=90);
	width: 100%;
		border-bottom:1px #000000 solid;
		
background: #d3d3d3; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzkwOTI5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MjcwNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #d3d3d3 0%, #909293 53%, #727070 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(53%,#909293), color-stop(100%,#727070)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #d3d3d3 0%,#909293 53%,#727070 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #d3d3d3 0%,#909293 53%,#727070 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #d3d3d3 0%,#909293 53%,#727070 100%); /* IE10+ */

background: linear-gradient(top,  #d3d3d3 0%,#909293 53%,#727070 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#727070',GradientType=0 ); /* IE6-8 */



	
}

#titre-haut-bleu {
	font-size:20px;
	font-weight:100;
	color:#FFFFFF;
	padding:12px;
	padding-top:16px;
	text-align:center;
	width: 38%;
	min-width:363px;
	float:left;
	border-right: 2px #336799 solid;
	height: 28px;
	font-weight:100;
	background: #336799; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNjc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzBlMzk2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjI0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #336799 0%, #0e3960 53%, #022444 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#336799), color-stop(53%,#0e3960), color-stop(100%,#022444)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #336799 0%,#0e3960 53%,#022444 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #336799 0%,#0e3960 53%,#022444 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #336799 0%,#0e3960 53%,#022444 100%); /* IE10+ */
	background: linear-gradient(top,  #336799 0%,#0e3960 53%,#022444 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336799', endColorstr='#022444',GradientType=0 ); /* IE6-8 */


}

#titre-haut-rouge {
	
	font-size:20px;
	font-weight:100;
	color:#FFFFFF;
	padding:12px;
	padding-top:16px;
	text-align:center;
	width: 38%;
	min-width:363px;
	float:left;
	border-right: 2px #aa1103 solid;
	height: 28px;
	font-weight:100;

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: #aa1103; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhMTEwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzgyMDIwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MTAxMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #aa1103 0%, #820202 50%, #510101 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa1103), color-stop(50%,#820202), color-stop(100%,#510101)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #aa1103 0%,#820202 50%,#510101 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #aa1103 0%,#820202 50%,#510101 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #aa1103 0%,#820202 50%,#510101 100%); /* IE10+ */

background: linear-gradient(top,  #aa1103 0%,#820202 50%,#510101 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa1103', endColorstr='#510101',GradientType=0 ); /* IE6-8 */

}

#titre-haut-jaune {
	
	font-size:20px;
	font-weight:100;
	color:#FFFFFF;
	padding:12px;
	padding-top:16px;
	text-align:center;
	width: 38%;
	min-width:363px;
	float:left;
	border-right: 2px #dead08 solid;
	height: 28px;
	font-weight:100;


background: #dead08; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlYWQwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2I1OGMwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjRmMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #dead08 0%, #b58c07 50%, #664f04 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dead08), color-stop(50%,#b58c07), color-stop(100%,#664f04)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #dead08 0%,#b58c07 50%,#664f04 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #dead08 0%,#b58c07 50%,#664f04 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #dead08 0%,#b58c07 50%,#664f04 100%); /* IE10+ */

background: linear-gradient(top,  #dead08 0%,#b58c07 50%,#664f04 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dead08', endColorstr='#664f04',GradientType=0 ); /* IE6-8 */

}

#titre-haut-vert {

	font-size:20px;
	font-weight:100;
	color:#FFFFFF;
	padding:12px;
	padding-top:16px;
	text-align:center;
	width: 38%;
	min-width:363px;
	float:left;
	border-right: 2px #339967 solid;
	height: 28px;
	font-weight:100;
background: #339967; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOTk2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIyNjYzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODQ3MjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #339967 0%, #22663a 50%, #184725 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#339967), color-stop(50%,#22663a), color-stop(100%,#184725)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #339967 0%,#22663a 50%,#184725 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #339967 0%,#22663a 50%,#184725 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #339967 0%,#22663a 50%,#184725 100%); /* IE10+ */

background: linear-gradient(top,  #339967 0%,#22663a 50%,#184725 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#339967', endColorstr='#184725',GradientType=0 ); /* IE6-8 */
}

.bandeau-cote-gauche {
	width: 28%;
	float:left;
	height: 40px;
	font-size:36px;
	font-weight:bold;
	min-width:285px;	
}
.bandeau-cote-droit {
	width: 27%;
	float:right;
	height: 40px;
					font-size:36px;
											font-weight:bold;
											text-align:right;


		
}
.bandeau-cote-gauche ul, .bandeau-cote-droit ul {
	
	margin-top:8px;
	}
.bandeau-cote-gauche li, .bandeau-cote-droit li, .bandeau-cote-droit li .active {
	display:inline;
	
				margin:1%;

				
	
	}
	
	.bandeau-cote-gauche li a, .bandeau-cote-droit li a {
		text-decoration:none;
		color:#CCC;
		
					-o-box-shadow: black 0px 0px 6px 0px inset;
					-webkit-box-shadow: black 0px 0px 6px 0px inset;
					-moz-box-shadow: black 0px 0px 6px 0px inset;
					box-shadow: black 0px 0px 6px 0px inset;
padding-left:1%;
padding-right:1%;
border: 1px #CCCCCC solid;
	
	}
	
	.bandeau-cote-gauche li a img, .bandeau-cote-droit li a img {
		
margin-bottom:-2px;

	
	}
	
.bandeau-cote-gauche li a:hover, .bandeau-cote-droit li a:hover {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
	background-color:#333;
			color:#FFF;

border: 1px solid #FFF;

	
	}
	
	.bandeau-cote-gauche li a:active, .bandeau-cote-droit li a:active {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
	background-color:#FFF;
			color:#000000;

border: 1px solid #FFF;

	
	}
	
	.inactive  {
		color:#CCCCCC;
			-o-box-shadow: black 0px 0px 6px 0px inset;
					-webkit-box-shadow: black 0px 0px 6px 0px inset;
					-moz-box-shadow: black 0px 0px 6px 0px inset;
					box-shadow: black 0px 0px 6px 0px inset;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
	background-color:#fff;

border: 1px #CCCCCC solid;
padding-left:1%;
padding-right:1%;
	
	}
	
	.arrondi-gauche {
				
	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
}

.arrondi-droit {
				
	border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
}
	.inactive img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
	
	}
	
	/* hide the sub levels and give them a positon absolute so that they take up no room */
	
	.menu {position:relative;}
.menu a:hover {border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	}
.menu ul {visibility:hidden; position:absolute;right:0; top:34px; position:absolute;  font-size:18px; font-weight:100; }

.menu ul li a {display:block; float:right; width:120px; height:32px; color:#CCC; padding-left:1%; padding-right:1%; padding-top:10px; text-align:center; background-color:#333333; border:1px solid #CCC;}
.menu ul li a:hover { color:#FFF;border:1px solid #FFF;}

/* make the second level visible when hover on first level list OR link */
	.menu ul li a:active {color:#000000;}

li:hover ul, a:hover ul, a:hover img ul {
	visibility:visible;
	color:#CCCCCC;
	}

.arrondi-bas {
	
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	
	
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	}
	
	a.arrondi-bas:hover  {
	
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	
	
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	}
	
	.arrondi-top-gauche {
	
	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	
	
	}
	
	a.arrondi-top-gauche:hover  {
	
	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	

	}
@media print {

	html, body {
	height:auto;
	}
	
	.language {
	display:none;
	}
	
	#top  {
	display:block;
	margin:12px;
	width:90%;
	height:auto;
	min-height:0;
	}
	
	#logocontact {
	display:none;
	}
	
	#description-top-bleu, #description-top-bleu-gris, #description-top-rouge, #description-top-vert, #description-top-jaune {
	display:block;
	margin:12px;
	width:95%;
	height:auto;
	min-height:0; 
	}
	
	#menu-top-droit {
	display:none;
	}
	
	.noprint {
	display:none;
	}
	
	#etiquetteverticale {
	display:none;
	}
	
	#etiquettehorizontale {
	display:none;
	}
	
	#central, #centralbleu, #centralrouge, #centraljaune, #centralvert {
	margin:12px;
	padding:12px;
	height:auto;
	}
	
	#menufixe {
	display:none;
	}
	

	#Titrepagebleu, #Titrepagerouge, #Titrepagejaune, #Titrepagevert, #Titrepagejaune {
	color:black;
	}
	 
	#listeTitre2 {
	display:none;
	}
	
	#basdepage {
	display:none;
	}
	
	#description-top {
	width:100%;
	}
	
	.gauche  {
	display:block !important;
	float:none !important;
	width:100%;
	}
	
	#print {
	clear:both !important;
	display:block !important;
	}
	
	.droit   {
	display:block !important;
	float:none !important;
	width:100%;
	}
	
	#Titrepage {
	color:#003366 !important;
background-color:white !important;
	}
	
	h2 {
	color:#003366 !important;
background-color:white !important;
	}
	
  }