html {
height:100%;
scrollbar-arrow-color: #ff6600;
scrollbar-track-color: #3E3E3E;
scrollbar-face-color: #DDDDDD;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #3E3E3E;
scrollbar-darkshadow-color: #3E3E3E;
scrollbar-shadow-color: #DDDDDD;
}
body {
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.75em;
padding: 0;
margin:0;
background-color:#E5E5E5;
color:#666;
}
p {

text-align:justify;
}
img {
border:0px;
}
.imgdroite {
float:right;
margin-left:10px;
margin-bottom:5px;
margin-top:5px;

}

.imggauche {
float:left;
margin-right:10px;
margin-bottom:5px;
margin-top:5px;

}

/******************* mise en page div  *********************/
#header {
height: 110px;
background-image:url(../img-referencement/header-visiblia.gif);
background-repeat:no-repeat;
}

#titre {
width:710px;
background-image:url(../img-referencement/bg-grise.gif);
text-align:right;
}
#conteneur {
width:710px;
margin:0 auto;
background-image:url(../img-referencement/bg-conteneur.gif);
}
#flash {
background-color:#fff;
margin-left: 213px;
width:487px;

}
#centre {
background-color:#fff;
margin-left: 225px;
margin-right: 17px;
}

#centre li{
list-style-image:url(../img-referencement/li-blue.gif);
margin-left:25px;
padding-left:0px;
}
#centredroit{
background-color:#FFF6F3;
float:right;
width:190px;
padding:7px;
margin-bottom:5px;

margin-left:10px;
font-size:80%;
border: 1px dotted #ccc;

}
#ariane {
font-size:80%;
margin-left: 225px;
margin-right: 17px;
}

#ariane a{
text-decoration:underline;
color:#666;
}

#ariane a:hover{
color:#666;
text-decoration: none;
}

#ariane p{
margin-top:3px;
padding:0;
}

#gauche {
float:left;
width: 205px;
padding-left:7px;
}
#droite {
float:right;
width: 150px;
}
#pied {
clear:both;
height: 30px;
background-image:url(../img-referencement/bg-pied.gif);
background-position:bottom;
margin-top:25px;
}


#echange-liens {
clear:both;
padding-top:25px;
background-color:#E5E5E5;
}


#client {
height:43px;
width:227px;
background-image:url(../img-referencement/bg-acces-client.gif);
background-position:bottom right;
background-repeat:no-repeat;
margin-right:5px;
float:right;
margin-top:76px;
padding-bottom:0px;
}
#formclient {

	padding-right:5px;
	padding-bottom:0px;
	margin-top:20px;
	padding-left:32px;

}
#formclient input{
border:1px solid #999;
height:12px;
font-size:80%;
background-color:#E5E5E5;
padding:0px;
margin:0px;

}
#formclient label{
margin:0px;
padding:0px
}
#formclient form {
margin:0px;
padding:0px
}

#gaucheContact {
margin-left:12px;
margin-right:10px;
}
#gaucheAudit {
margin-left:12px;
margin-right:10px;
}
#gaucheTips {
margin-left:7px;
margin-right:10px;
}

#gaucheVisiblia {
margin-left:12px;
margin-right:10px;
font-size:80%;
text-align:left;
color: #999999;
}

#gaucheVisiblia a {
text-decoration: none;
color:#B3B3B3;
}

#gaucheVisiblia a:hover {
color:#666;
text-decoration: underline;
}



/******************* fin mise en page div  *********************/

/******************* menu actu  *********************/
#menuactu {
color:#666;
margin-left:15px;
margin-right:10px;
margin-top:10px;
font-size:80%;
text-align:left;
}

#menuactu li {
list-style-type: square;
margin-left:15px;
}
#menuactu .Titreactu {
font-weight:bold;
}
#menuactu li a {
text-decoration: none;
color:#B3B3B3;
display: block;
padding-bottom:3px;
margin-bottom:-5px;
margin-top:-5px;


}
#menuactu li a:hover {
color:#666;
text-decoration: underline;
background-color:#fff;
background-image:url(../img-referencement/bg-menu-actu.gif);
display: block;
padding-bottom:3px;
margin-bottom:-5px;

}

/******************* fin menu actu  *********************/


/******************* menu footer  *********************/
#menubas {
list-style-type: none;
margin-left: 10px;
padding:0;
font-size:80%;
color:#666;
}
#menubas li {
display: inline;
}
#menubas a {
margin: 0 2px;
color: #666;
text-decoration: underline;
color:#666;
}
#menubas a:hover {
text-decoration: none;
}

/******************* fin menu footer  *********************/


/******************* menu principal  *********************/

#menu dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
width: 205px;
top: 0;
left: 0;
}

#menu dt {
cursor: pointer;
padding-left: 0px;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
border-top: 1px solid #E5E5E5;

}
#menu dd {
/* border: 1px solid gray; */
}
#menu li {
text-align: left;
padding-left:20px;
}
#menu li a {
color: #666;
font-size:90%;
text-decoration: none;
display: block;
height: 100%;
background-image:url(../img-referencement/bg-smenu-off.gif);
}

#menu dt a {
color: #666;
text-decoration: none;
display: block;
padding-left:5px;
height: 100%;
background-image:url(../img-referencement/bg-menu-off.gif);
}

#menu li a:hover {
background-image:url(../img-referencement/bg-smenu-on.gif);
color: #F75212;
}

#menu dt a:hover {
background-image:url(../img-referencement/bg-menu-on.gif);
color:#F75212;
}

/******************* fin menu principal  *********************/

/******************* Balises titrage  *********************/

#centre H1 {
font-size:130%;
color:#F75212;
background-image:url(../img-referencement/bg-h1.gif);
background-repeat:no-repeat;
padding-left:30px;
padding-bottom:10px;
}

#centre H2 {
font-size:130%;
color:#F75212;
background-image:url(../img-referencement/bg-h1.gif);
background-repeat:no-repeat;
padding-left:30px;
padding-bottom:10px;
}

/*******Paragraphe Corrigé****************/

.paragraphe {
font-size:120%;
padding-bottom:10px;
}

#centre H3 {
font-size:130% ;
color:#F75212;
background-image:url(../img-referencement/bg-h1.gif);
background-repeat:no-repeat;
padding-left:30px;
padding-bottom:10px;
}

#centre H4 {
font-size:100%;
color:#F75212;
font-weight:bold;
padding-left:20px;
}

#centre a {
text-decoration:underline;
color:#005CA9;
}

#centre a:hover {
text-decoration:none;
color:#F75212;
}

.TitreGauche {
font-size:120%;
color:#F75212;
background-image: url(../img-referencement/bg-titre-gauche.gif);
background-repeat:no-repeat;
padding-left:15px;
padding-top:7px;
margin-bottom:-5px;
font-weight:bold;
}

#titre h1{
font-size:10px;
margin:0;
padding:0;
color: #A6A6A6;
}


/******************* Style Contact  *********************/

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

div.blank {
	height: 1px;
	font-size: 1px;
	clear: both;
}

.small {
	font-size: 0.80em;
}

div.error {
	margin: 5px 0 10px 0;
	padding: 3px 15px 3px 15px;
	background-color: #E1E1E1;
}

div.contact {
	margin: 5px 50px 30px 10px;
}
div.contact div.titre {
	margin: 20px 0 15px 0px;
	font-size: 1.20em;
	font-weight: bold;
	color: #F75212;
}
div.contact div.item {
	margin: 3px 0 3px 0px;
	padding: 2px 0 1px 0;
}
div.contact div.error {
	background-color: #E1E1E1;
}
div.contact div.item div.designation {
	padding: 0 0 0 10px;
	width: 110px;
	font-weight: bold;
	float: left;
}
div.contact div.item div.designation2 {
	padding: 0 0 0 10px;
	font-weight: bold;
}
div.contact div.item div.designation-checkbox {
	padding: 0 0 0 10px;
	width: 260px;
	font-weight: bold;
	float: left;
}
div.contact div.item div.input {
	padding: 0 0 0 10px;
	width: 260px;
	float: left;
}
div.contact div.item div.input-checkbox {
	padding: 0 0 0 10px;
	width: 50x;
	font-weight: bold;
	float: left;
}
div.contact div.item div.required {
	background-image: url(../img-referencement/bg-field-required.gif);
	background-position: top left;
	background-repeat:no-repeat;
}
div.contact div.item div.input input {
	width: 250px;
	padding: 1px 2px 1px 2px;
	border: 1px solid #DCDCDC;
	background-color: #FFFFFF;
	background-image: url(../img-referencement/bg-field-txt.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-size: 10px;
	color: #666666;
}
div.contact div.item div.input textarea {
	width: 250px;
	height: 100px;
	padding: 1px 2px 1px 2px;
	border: 1px solid #DCDCDC;
	background-color: #FFFFFF;
	background-image: url(../img-referencement/bg-field-txt.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-size: 10px;
	color: #666666;
}
div.contact div.item div.input2 {
	padding: 0 0 0 130px;
}
div.contact div.item div.input2 select {
	width: 257px;
	padding: 1px 2px 1px 2px;
	border: 1px solid #DCDCDC;
	background-color: #FFFFFF;
	font-size: 10px;
	color: #666666;
}
div.contact div.item div.input2 textarea {
	width: 250px;
	height: 50px;
	padding: 1px 2px 1px 2px;
	border: 1px solid #DCDCDC;
	background-color: #FFFFFF;
	background-image: url(../img-referencement/bg-field-txt.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-size: 10px;
	color: #666666;
}
div.contact div.item div.button {
	margin: 10px 0 0 0;
}
div.contact div.item div.button .submit {
	margin: 0 0 0 130px;
	width: 90px;
	height: 20px;
	border: 1px solid #DCDCDC;
	background-color: #F75212;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
div.contact div.item div.button .reset {
	margin: 0 0 0 75px;
	width: 90px;
	height: 20px;
	border: 1px solid #DCDCDC;
	background-color: #F75212;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
