/***************************************************************************************/
/* GLOBAL */

h1, h2, h3, h4, h5, h6, p, ul, li, ol, dd, dl, dt, table, tr, td, th, form, input, select, textarea, label {
margin: 0px;
padding: 0px;
}

h1, h2, h3, h4, h5, h6, th, strong {
font-weight: normal;
}

ul, ol, li{
list-style: none;
}

a{
color: white;
text-decoration: none;
}

img{
border: none;
}
 
.clear{
height: 0px;
line-height: 0px;
clear: both;
}

.strong{
font-weight: bold;
}

.txtLeft{
text-align: left;
}

.txtCenter{
text-align: center;
}

.txtRight{
text-align: right;
}

/* STYLES POLICES */

label.error{
color:red;
}

p.txtBloc, .inputText, .inputText2, .inputText3, .inputTextcp, .btnForm{
font-family: Verdana, Arial, serif;
font-size: 10px;
color: #666666;
}

p.txtBloc {
line-height: 12px;
padding-bottom: 8px;
}

a.lienBloc{
color: #666666;
text-decoration: underline;
}
a.lienBloc:hover{
color: black;
}

p.feuilleTxt{
font-size: 18px;
line-height: 20px;
font-weight: bold;
}

ul.listeBloc {
padding-left: 37px;
}

ul.listeBloc li{
padding-left: 16px;
background: url('../image/puceListeBloc.jpg') no-repeat left top;
height: 11px;
line-height: 11px;
margin-bottom: 2px;
}

ul.listeBloc li a{
	color:#666666;
}
#nbclasscp, #qtelecp{
	border-color:#76d0f3;
}
#nbclassce, #qtelece{
	border-color:#f5bb40;
}
#nbclasscm, #qtelecm{
	border-color:#30af9e;
}


/***************************************************************************************/
/* GLOBAL DIV */

body{
margin: 0px;
padding: 0px;
background: white;
font-family: Verdana, Arial, serif;
font-size: 10px;
line-height: 12px;
color: #666666;
background: url("../image/fond.jpg") top center no-repeat;
}

div#container{
width: 887px;
height: 594px;
margin: 28px auto 0px auto;
position: relative;
}

div#left{
width: 445px;
text-align: left;
float: left;
}

div#right{
width: 395px; /* 443 */
float: left;
padding: 16px 20px 0px 24px;
position: relative;
}

div#interne{
padding-top: 70px;
}

div#obj1{
position: absolute;
top: 0px;
left: 245px;
z-index: 3000;
width : 197px;
height : 105px;
}

div#obj2{
position: absolute;
top: 402px;
left: 328px;
z-index: 2000;
}
#content-top{
z-index: 9900;
}
p.txtBloc, div.feuilleBleu, div.feuilleBeige, div.feuilleVerte, form.formulaire{
position: relative;
z-index: 5000;
}

.blocUp {
z-index: 6000;
position: relative;
 }

h2 {
color:#666666;
font-family:Verdana,Arial,serif;
font-size:12px;
line-height:12px;
font-weight:bold;
}

/* BLOCS JAUNE DE CONTENUS */

div.bloc1Top{
width: 398px;
height: 59px;
background: url('../image/bloc1Top.jpg') no-repeat top center;
}
div.bloc1BTop{
width: 398px;
height: 59px;
background: url('../image/bloc1BTop.jpg') no-repeat top center;
}
div.bloc1Middle{
width: 346px; /* 398 */
height: auto;
_height: 38px;
min-height: 38px;
background: url('../image/bloc1Middle.jpg') repeat-y top center;
padding: 0px 26px;
}
div.bloc1Bottom{
width: 398px;
height: 38px;
background: url('../image/bloc1Bottom.jpg') no-repeat top center;
}

.bloc2Top { 
position: absolute;
top: 0px;
left: 0px;
}

div.bloc2Left{
width: 35px;
height: 116px;
background: url('../image/bloc2Left.jpg') no-repeat left center;
float: left;
}
div.bloc2Middle{
height: 77px; /* 116 */
background: url('../image/bloc2Middle.jpg') repeat-x top center;
padding-top: 39px;
float: left
}
div.bloc2Right{
width: 35px;
height: 116px;
background: url('../image/bloc2Right.jpg') no-repeat left center;
float: left;
}
div.bloc2 {
position: relative;
width : 398px;
}

h2.titreBloc{
	display:inline;
}

/* FEUILLES CLASSES */

div.feuilleBleu, div.feuilleBeige, div.feuilleVerte,div.feuillecp ,div.feuillece ,div.feuillecm{
width: 64px;
height: 61px;
text-align: center;
margin-right:10px;
}

div.feuilleBleu,div.feuillecp{
background: url('../image/feuilleBleu.jpg') no-repeat top center;
}
div.feuilleBeige,div.feuillece{
background: url('../image/feuilleBeige.jpg') no-repeat top center;
}
div.feuilleVerte,div.feuillecm{
background: url('../image/feuilleVerte.jpg') no-repeat top center;
}

div.feuilleBleu p, div.feuilleBleu a, div.feuillecp a, div.feuillecp p{
color: #addfd9;
}
div.feuilleBeige p, div.feuilleBeige a, div.feuillece a, div.feuillece p{
color: #fcebc6;
}
div.feuilleVerte p, div.feuilleVerte a, div.feuillecm a, div.feuillecm p{
color: #c7ecf9;
}

div.feuilleBleu a:hover, div.feuilleBeige a:hover, div.feuilleVerte a:hover  {
color: white;
}


div.feuilleBleu p.feuilleTxt, div.feuilleVerte p.feuilleTxt, div.feuilleBeige p.feuilleTxt ,div.feuillecp p.feuilleTxt ,div.feuillece p.feuilleTxt ,div.feuillecm p.feuilleTxt{
padding-top: 13px;
}

div.bloc1 div.feuilleBleu, div.bloc1 div.feuilleBeige, div.bloc1 div.feuilleVerte  , div.bloc1 div.feuillecp , div.bloc1 div.feuillece , div.bloc1 div.feuillecm{
float: left;
margin-left: 37px;
}

div.bloc2Middle div.feuilleBleu, div.bloc2Middle div.feuilleVerte, div.bloc2Middle div.feuilleBeige, div.bloc2Middle div.feuillecp, div.bloc2Middle div.feuillece, div.bloc2Middle div.feuillecm
{
float: left;
}

/* FORMULAIRES */

p.formLigne span.labelTxt, p.formLigne2 span.labelTxt2, form.formulaire label.labelTxt{
width: 145px; /* 145 */
text-align: left;
margin-right: 5px;
}
form.formulaire label.labelTxt2{
width: 145px; /* 145 */
/*float: left;*/
text-align: right;
margin-right: 5px;
}
/*
p.formLigne span.labelTxt, p.formLigne2 span.labelTxt2{
display: block;
}
*/

/*
form.formulaire label.labelTxt {
clear: left;
}*/

p.formLigne{
height: 18px;
}

p.formLigne2{
height: 25px;
}

input.inputText, input.inputText2, textarea.inputText3 , input.btnForm, input.inputTextcp, input.inputText3 {
border: 1px solid #fedb84;
margin-left:5px;
}

input.inputText, input.inputText2, input.btnForm, input.inputTextcp, input.inputText3 {
height: 16px;
line-height: 16px;
}

input.inputText, textarea.inputText3 {
width: 189px;
_width: 169px;
}

input.inputText3{
width: 130px;
}


input.inputTextcp{
width: 50px;

}

input.inputText2 {
width: 25px;
}

textarea.inputText3{
height: 50px;
}

input.btnForm{
width: 76px;
height: 21px;
background: white;
}

input.error{ 
background: #fff;
border:1px solid red;
}

/* Footer */

ul.footer-liens{
position: absolute;
top: 560px;
left: 29px;
}

ul.footer-liens{
font-size: 10px;
color: white;
line-height: 12px;
}

ul.footer-liens li{
float: left;
margin-right: 3px;
color: white;
}

ul.footer-liens li a{
color: white;
}

ul.footer-liens li a:hover{
text-decoration: underline;
}

.commande_telecharger a{
font-size:13px;
font-weight:bold;
color:#85418E;
}
.commande_telecharger a:hover{
text-decoration: underline;
}

#content-top a {
color:#000;
text-decoration: none;
}

#content-top a:hover{
text-decoration: underline;
}
.bloc1Middle a{
color:#666666;
text-decoration: none;
}
.bloc1Middle a:hover{
color:#000;
text-decoration: underline;
}

.commande_telecharger {
display:inline;
position:absolute;
padding-top:10px;
line-height:18px;

}