/* CSS Document */

body{
	background: url(images/testFond.gif) repeat-x #edecec fixed;
	background-attachment:fixed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
}

#site{
	width:940px;
	position:absolute;
	left:50%;
	margin-left:-470px;
}


#bandeau{
	width:940px;
	height:97px;
	background:url(images/bandeau.jpg) #ffffff no-repeat;
	z-index:10;
}

#retourAccueil{
	position:absolute;
	left:65px;
	top:20px;
}

#bandeau .menu{
	padding:0px;
	margin:0px;
}

#bandeauFlash{
	background-color:#000000;
	text-align:center;
}

#bandeauFlash h3{
	padding:0px;
	margin:0px;
	padding-top:10px;
	color:#de000c;
	text-transform:uppercase;
}

.menu{
	position:absolute;
    display:block;
    margin:0px;
 	z-index: 30;
    width:790px;
    top:70px;
    left:150px;
}
	
#couleurSup{
	width:540px;
	height:47px;
	background:url(images/couleurSup.jpg) #4a4a4a no-repeat;
}


#lienSite{
	width:230px;
	height:47px;
	margin-left:540px;
	margin-top:-47px;
	background:url(images/lienSup.jpg) #4a4a4a no-repeat;
}

#ContenuSite{
	width:940px;
	background:url(images/fond_sup.jpg) #ffffff repeat-y;
}

#menu_Droit{
	width:171px;
	margin-top:-47px;
	margin-left:769px;
	height:65px;
	overflow:hidden;
}

#laRecherche{
	width:170px;
	height:50px;
	background:url(images/fond_recherche.jpg) #fefefe top left no-repeat;
	border-left:solid 1px #cfcfcf;
	text-transform:uppercase;
}

#texteDroit{
	width:150px;
	margin-left:10px;
	text-align:justify;
}

#decoMenuDroit{
	width:9px; 
	height:74px;
	margin-top:50px;
	margin-left:931px;
}

#colonneGauche{
	background:url(images/deco_basGauche.jpg) bottom no-repeat;
	vertical-align:top;
	width:184px;
}

#decoBasgauche{
	width:186px; 
	height:40px;
}

#colonneDroite{
	background:url(images/bas_droitSup.jpg) bottom no-repeat;
	vertical-align:top;
	width:171px;
}

#decoBasdroit{
	width:171px; 
	height:34px;
}

#titreSite{
	width:584px;
	margin-left:186px;
	margin-top:-143px;
	border-bottom:solid 1px #a2a2a2;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
}

HTML>BODY #titreSite{
	width:554px;
}

#boutonsadmin{
	z-index:20;
	width:580px;
	text-align:right;
	/*border:solid 1px #a2a2a2;*/
}

#corpsSite{
	width:940px;
	margin-top:10px;
}


#texteSite{
	padding-left:20px;padding-right:20px;
	height:450px;
	text-align:justify;
}


HTML>BODY #texteSite{
	height:auto;
	min-height:450px;
}

#colonnebas{
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}

#colonnebas td{
	padding:0px;
	margin:0px;
}

#baspage{
	width:940px;
	height:66px;
	background:url(images/basPage.jpg) #EDECEC no-repeat;
}

#bandeauFlash{
	width:186px;
	height:251px;
	position:absolute;
	top:144px;
}

#retourHautPage{
	width:170px;
	height:20px;
	text-align:right;
	margin-left:590px;
}

#lienbas1{
	margin-left:110px;
	margin-top:-16px;
	height:30px;
}

#lienbas2{
	margin-left:190px;
	margin-top:-10px;
	height:30px;
}

HTML>BODY #lienbas2{
	margin-top:21px;
}

HTML>BODY #lienbas2{
	margin-top:-21px;
}

#lienbas3{
	margin-left:390px;
	margin-top:-24px;
	height:30px;
}

#lienbas4{
	margin-left:524px;
	margin-top:-25px;
	height:30px;
}

#lienbas5{
	margin-left:720px;
	margin-top:-28px;
	height:30px;
}

#lienbas6{
	margin-left:760px;
	margin-top:-28px;
	height:30px;
}

#lienbas7{
	margin-left:630px;
	margin-top:-25px;
	height:30px;
}

.hautBoxDroit{
	margin-top:10px;
	background:url(images/hautDroit.jpg) no-repeat top left #fefefe;
	width:170px;
	text-align:center;
	border-bottom:solid 1px #333333;
	margin-left:1px;
	padding-top:5px;
	padding-bottom:2px;
}

.laBoxDroit{
	background:url(images/testFondBas2.gif) no-repeat bottom right;
	width:170px;
	padding:5px;
	margin-left:1px;
}

HTML>BODY .laBoxDroit{
	width:160px;
}

.hautBoxGauche{
	margin-top:10px;
	background:url(images/hautGauche.jpg) no-repeat top left #fefefe;
	width:185px;
	text-align:center;
	border-bottom:solid 1px #333333;
	height:20px;
	padding-top:5px;
	padding-bottom:3px;
}

HTML>BODY .hautBoxGauche{
	min-height:15px;
	height:auto;
}

.laBoxGauche{
	background:url(images/testFondBas.gif) no-repeat bottom left;
	width:185px;
	padding:5px;
}

HTML>BODY .laBoxGauche{
	width:175px;
}

.laBoxGauche ul, .laBoxDroit ul{
	margin:0px;
	padding:0px;
	padding-left:20px;
	list-style:disc;
}

.laBoxGauche p, .laBoxDroit p{
	margin:0px;
	padding-top:0px;
	padding-bottom:8px;
}

/*les liens images*/
	#lien1{
		width:15px;
		height:15px;
		position:absolute;
		top:104px;
		left:630px;
	}
	
	#lien2{
		width:24px;
		height:15px;
		position:absolute;
		top:104px;
		left:657px;
	}
	
	#lien3{
		width:15px;
		height:15px;
		position:absolute;
		top:104px;
		left:694px;
	}
	
	#lien4{
		width:21px;
		height:15px;
		position:absolute;
		top:104px;
		left:724px;
	}
	
/*------------------------------------*/
#espaceClient a{
	font-size:9px;
}

#bandeau, #baspage a, #laRecherche, #laRecherche td, #texteDroit, .laBoxGauche, .laBoxGauche a, .laBoxGauche td, .laBoxGauche td a, .laBoxGauche a, .laBoxDroit td, .laBoxDroit td a, .laBoxDroit, .laBoxDroit a{
	font-size:10px;
}

#texteSite, #texteSite td, #menu_admin, #menu_admin a, .hautBoxDroit, .hautBoxGauche, #bandeauFlash, #bandeauFlash a{
	font-size:11px;
}

.titreRub{
	font-size:14px;
}

.soustitreRub,, h4{
	font-size:12px;
}


#bandeau, #laRecherche, #laRecherche td, #baspage a, .titreRub, .soustitreRub, .hautBoxDroit, .hautBoxGauche, .toogle{
	font-weight:bold;
}

.menuacc a{
	margin-left:20px;
}

/*gris foncé*/
.ssmenu li a:hover, #accesactu, #texteDroit, #texteDroit a, #menu_admin, #menu_admin a,#baspage a:hover{
	color:#4a4a4a;
}

/* gris texte*/

#accesactu, #texteVideo, #espaceClient a, #texteSite{
	color: #585858;
}


/* gris clair*/
#laRecherche, #laRecherche td, .menuacc a:hover{
	color: #b0b0b0;
}

#baspage a{
	color:#989797;
}

/* bleu */
b, #lienMultimedia a, .menuacc a, .titreRub, .titreRub a, .soustitreRub, #texteSite a, #texteSite td a, .hautBoxDroit, .hautBoxGauche, .toogle{
	color:#4490af;
}

/* rouge */
.alerte{
	color:red;
}

.titreRub a, .laBoxDroit a:hover, .laBoxGauche a:hover{
	text-decoration:none;
}

.laBoxDroit, .laBoxDroit a, .laBoxGauche, .laBoxGauche a, .laBoxGauche td, .laBoxGauche td a, .laBoxGauche a, .laBoxDroit td, .laBoxDroit td a, #bandeauFlash, #bandeauFlash a, #bandeauFlash b{
	color:#ffffff;
}

.titreRub, .soustitreRub, .hautBoxDroit, .hautBoxGauche, .menuacc a{
	text-transform:uppercase;
}

#accesactu a:hover, #menu_admin a:hover, #lienMultimedia a, #espaceClient a:hover, #baspage a, #texteDroit a:hover, #texteSite a:hover, #texteSite td a:hover{
	text-decoration:none;
}

#lienMultimedia a:hover{
	text-decoration:underline;
}

.recherche{
	background-color: #d8d8d8;
	border: 1px solid #c2c2c2;
	color:#585858;
	width:117px;
	font-size:10px;
}

.formConn{
	background-color: #d8d8d8;
	border: 1px solid #c2c2c2;
	color:#585858;
	width:117px;
	font-size:10px;
}

.champs{
	border:solid 1px #c2c2c2;
	font-size:10px;
}

#texteSite a.bouton2, .bouton2, .boutonOK2{
	border: 1px solid #c2c2c2;
	color:#ffffff;
	font-size:10px;
	background-color:#4a4a4a;
	font-weight:bold;
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
	padding:4px;
}

.bouton, .boutonOK1{
	border: 1px solid #c2c2c2;
	color:#4a4a4a;
	font-size:10px;
	background-color:#f9f9f9;
	font-weight:bold;
	cursor:pointer;
	padding:4px;
	display:inline-block;
	text-decoration:none;
}

#texteSite .bouton{
	color:#4a4a4a;
	font-size:10px;
}

.boutonOK1, .boutonOK2{
	width:26px;
	cursor:pointer;
	padding:4px;
	display:inline-block;
}

select{
	border: 1px solid #e8e8e8;
	background-color:#e8e8e8;
	color:#585858;
	font-size:10px;
}

#menu_admin{
	position:absolute;
	text-align:center;
	width:940px;
	height:25px;
	padding-top:6px;
	top:0px;
	background-color:#CCCCCC;
}

#lienmenu a{
	
}

#boutonsadmin, #boutonadmin a{
	font-size:11px;
}

#panneauinfos{
	border-collapse:collapse;
	border:1px solid #585858;
}

#panneauinfos, #panneauinfos td{
}

#texteSite img{
	border:0px;
}

#texteSite h3{
	font-size:13px;
	color:#327895;
	text-transform:uppercase;
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
	padding-left:18px;
	background:url(images/puce_h3.jpg) no-repeat left;
	height:13px;
}

#texteSite h3 a{
	color:#327895;
}

.toogle{
	cursor: pointer;
}

HTML>BODY #texteSite h3{
	min-height:13px;
	height:auto;
}

.champsTexte{
	font-size:12px;
	border:solid 1px #000000;
	color:#585858;
	background-color:#f5f6f6;
}

#retourHautPage a{
	font-weight:normal;
	color:#777676;
}

.tablo{
	width:350px;
	padding:5px;
}

#testColor img{
	border:solid 1px #000000;
}

/* espace client */

.tableau_compte_client{
	border-collapse:collapse;
	width:100%;
}


.tableau_compte_client th{
	padding:5px;
	background-color:#df0116;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	border:solid 1px #b30011;
	font-size:11px;
}

.tableau_compte_client td{
	padding:5px;
	border:solid 1px #787777;
	text-align:right;
	color: #585858;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.tableau_compte_client td a{
	text-decoration:none;
}




.tableau_contrat th{
	background-color:#49ad9c;
	border:solid 1px #108974;
	color: #ffffff;
}

.infoitalic{
	font-style:italic;
	color:#df0116;
}

.credit{
	background-color:#ecf9fe;
}

.debit{
	background-color:#fde7e9;
}

.paiement{
	text-align:right;
	width:130px;
	font-size:14px;
}

.entetePaiement{
	margin-top:15px;
	color:#ffffff;
	text-transform:uppercase;
	font-size:10px;
	text-align:center;
	border:solid 1px #c3251c;
	background-color:#c3251c;
	width:270px;
	padding:3px;
	font-weight:bold;
}

.panelPaiement{
	color:#c3251c;
	font-size:10px;
	text-align:center;
	border:solid 1px #c3251c;
	width:270px;
	padding:3px;
}


#texteSite .tableau_compte_client td a:hover{
	color:#df0116;
}

fieldset{
    border: 1px solid #327895;
 }
 
 .calendrier{
 	color:#000000;
 }
 
.champstexte{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #333333;
	width:100px;
	font-size:10px;
 }
 
 textarea{
 	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 }


/* questionnaire 2 */
#texteSite .enquete2{
	border:solid 1px #36768f;
	border-collapse:collapse;
}

#texteSite .enquete2 td{
	padding:0px 4px 0px 4px;
	border:solid 1px #36768f;
}

#texteSite .enquete2 td table, #texteSite .enquete2 td td{
	border:none;
}

td{
	text-align:left;	
}

#ContenuSite input[type="text"],textarea,select{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	border:solid 1px #666;
	padding:2px;
	background:#fff;
}

#filArianne{
	font-size:10px;
	color:#4490af;
	padding-bottom:10px;
}