/*-------------------GLOBAL----------------------*/
* {
	border: 0;
	outline: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	}



ul, li {
	list-style: none;
	}

strong {
	font-weight: bold;
	}

table {
	border-collapse: collapse;
	}


td {
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:top;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}

body {
	margin: 0;
	text-align: center;
	background: url(images/back.jpg) repeat-x top #b7b7b7;
	}
	
	#container {
		text-align: left;
		width: 1060px;
		margin: 0 auto;
		}
		
/*TEXTE
--------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, h7, p {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	}

h1 {
	font-size: 18px;
	padding: 0;
	margin: 0 15px;
	color: #000;
	}

h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 15px;
	padding: .5em 0;
	color: #b8a58c;
	}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 25px;
	padding: .5em 0;
	color: #3f5155;
	}

p {
	font-size: 12px;
	margin: 0 15px;
	padding-bottom: .66em;
	color: #555;
	line-height: 1.5em;
	}

	.impt {
		color: #A91A12;
		}
		
	.link {
	text-align: right;
	}
	
	.link a:link, .link a:visited{
	font-weight: bold;
	text-decoration: underline;
	color: #005081;
	background: url() no-repeat left .5em;
	padding-left: 10px;
	}
	
	.link a:hover, .link a:active{
	text-decoration: none;
	}

	#hdp {
	text-align: right;}

/*--------------------------------------------------------------------------*/
.imag{
border: 1px solid #7aaac9;
float: left;
margin: 5px 15px 5px 0;
}

.imag2{
border: 1px solid #7aaac9;
float: right;
margin: 5px 0 5px 15px;
}

.imag0{
border: 1px solid #7aaac9;
margin: 5px;
}
/*--------------------------------------------------------------------------*/

/*MODELE
-------------------------------------------------------------------------*/
#options {
width: 814px;
padding-right: 60px;
height: 20px;
color: #848b3b;}


	
#c {
		background: #fff url(images/guisse_03.jpg) repeat-y;
		border-bottom: 2px solid #848b3b;
		border-right: 2px solid #848b3b;
		}	
	
#contenu {
background: url(images/ombre.jpg) no-repeat top left;
min-height: 528px;
background-position: left top;
background-attachment: scroll;
background-repeat: no-repeat;
background-color: transparent;
}

#contenu p{
margin: 0 20px 0 25px;
text-align: justify;
}


#contenu td{
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:middle;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}



/*INDEX
-------------------------------------------------------------------------*/
.blocs {
width: 505px;
margin: 0 auto;
}

.jp {
background: url(images/under_bloc.jpg);
width: 170px;
height: 111px;}

#contenu .jp p {
margin: 0 15px;
text-align: left;
padding: 0;
}

.promo {
border: 1px solid #C2EEED;
background: #F9FBFA;}

.promo h3, .promo h3 a:link, .promo h3 a:hover, .promo h3 a:visited{
background: url(images/28.jpg) repeat-x;
height: 23px;
padding: 5px 15px 0;
margin: 0;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
.promo h3 strong{
color: #fffe04;
font-variant: small-caps;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}




/* Class 
--------------------------------------------------------------------------*/
.scrollbarre {
	overflow:auto;
}


/*------------------------------------ GAUCHE --------------------------------------*/

.gauche {
	font-size: 12px;
	margin: 0 30px;
	padding-bottom: .10em;
	color: #317a91;
	line-height: 1.5em;
	text-decoration: underline;
	}
	
.nouveaute {
	background-image: url(images/nouveaute.jpg);
	background-repeat: no-repeat;
	width: 216px;
	height: 125px;
	}
	

	
/*-----------------------------------DROITE ----------------------------------------------*/

.titre_compte{
	background-image: url(images/compte.jpg);
	background-repeat: no-repeat;
	width: 207px;
	height: 36px;
	}
	
#fondcompte {
	background: url(images/compte.jpg) no-repeat;
	width: 207px;
	height: 39px;
	}

#fondbloccompte {
	background: url(images/guisse_15.jpg) repeat-y;
	}
	
#fondbloclettre {
	background: url(images/fond_lettre.jpg) repeat-y;
	}
	
.fondblocgauche {
background-image: url(images/colors.jpg);
background-repeat: no-repeat;
height: 137px;
width: 207px;
vertical-align: top;
}

/*footer --------------------------------------------------------------------------*/
#footer {
padding: 5px;
text-align: center;
color: #555;}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	font-weight: normal;
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;
	color: #555;
	}

/*--------------------------------------------------------------------------*/
#lien {
padding: 10px;
padding-left: 10px;
text-align: left;
color: #317a91;}

#lien a, #lien a:link, #lien a:visited, #lien a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #317a91;
	font-weight: normal;
	text-decoration: none;
	}

#lien a:hover {
	color: #317a91;
	}

#lien1 {
text-align: left;
color: #555;}

#lien1 a, #lien1 a:link, #lien1 a:visited, #lien1 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	font-weight: normal;
	text-decoration: none;
	}

#lien1 a:hover {
	color: #555;
	}

/*Liens
-------------------------------------------------------------------------*/
a, a:link, a:visited, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #317a91;
	font-weight: bold;
	text-decoration: underline;
	}

a:hover {
	text-decoration: none;
	color: #317a91;
	}

a:focus {
	outline: 0;
	}


/*=Newsletter 
--------------------------------------------------------------------------*/
.email_news {
	font-family: Geneva,Arial,Helvetica;
	font-size:11px;
	color: #3f5155;
	background-color:#ffffff;
	border: #afc33f 1px solid;
	padding-left:2px;
	margin-left:0px;
	margin-top:3px;
	padding-top: 2px;
}

.email_news2 {
	font-family: Geneva,Arial,Helvetica;
	font-size:11px;
	color: #3f5155;
	background-color:#ffffff;
	border: #aaa 1px solid;
	padding-left:2px;
	margin-left:0px;
	margin-top:3px;
	padding-top: 2px;
}


.email_new {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
	padding-left:2px;
	margin-left:0px;
	margin-top:3px;
	padding-top: 2px;
}


.email_ami {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
	height: 17px;
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#3FB0DC;
	border: 0;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	margin: 1em 0 .5em;
	padding: .5em 1em;
}


.validation {
	font-family: Geneva,Arial,Helvetica;
	font-size:8px;
	color: #3f5155;
	}
.compte {
	font-family: Geneva,Arial,Helvetica;
	font-size:11px;
	color: #3f5155;
	background-color:#ffffff;
	border: #D8D8D8 1px solid;
	padding-left:2px;
	margin-left:0px;
	margin-top:0px;
	padding-top: 2px;
	height: 15px;
	width: 115px;
}

.font_compte {
	font-family: Geneva,Arial,Helvetica;
	font-size:10px;
	color: #3f5155;
	padding-left:2px;
	margin-left:0px;
	margin-top:0px;
	padding-top: 2px;
	height: 15px;
	width: 115px;
}
	
.sign {
	font-family:Geneva,Arial,Helvetica;
	font-size:10px;
	font-weight: bold;
	color:#ffffff;
	background-color:#3FB0DC;
	border-bottom:#585858 0px solid;
	border-top:#585858 0px solid;
	border-left:#585858 0px solid;
	border-right:#585858 0px solid;
	margin: 0 60px;
}

.sign1 {
	font-family:Geneva,Arial,Helvetica;
	font-size:10px;
	font-weight: bold;
	color:#ffffff;
	background-color:#3FB0DC;
	border-bottom:#585858 0px solid;
	border-top:#585858 0px solid;
	border-left:#585858 0px solid;
	border-right:#585858 0px solid;
}

.motpass {
	font-family:Geneva,Arial,Helvetica;
	font-size:10px;
	font-weight: bold;
	color:#317a91;
	}

.identifiant {
	font-size: 11px;
	padding-bottom: .10em;
	color: #555;
	line-height: 1.5em;
	font-weight: bold;
	}
	
.identifiant3 {
	font-size: 11px;
	padding-bottom: .10em;
	color: #555;
	line-height: 1.5em;
	font-weight: bold;
	padding-top:5px;
	}
	
.identifiant2 {
	font-size: 10px;
	padding-bottom: .10em;
	color: #555;
	line-height: 1.5em;
	font-weight: bold;
	padding-top:5px;
	}


#account {
text-align: center;
color: #555;}

#account a, #account a:link, #account a:visited, #account a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	font-weight: normal;
	text-decoration: none;
	}

#account a:hover {
	text-decoration: underline;
	color: #555;
	}
	
#account_ {
text-align: center;
color: #000000;}

#account_ a, #account_ a:link, #account_ a:visited, #account_ a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	}

#account_ a:hover {
	text-decoration: underline;
	color: #000000;
	}
	
	
#account_1 {
text-align: center;
color: #064E66;}

#account_1 a, #account_1 a:link, #account_1 a:visited, #account_1 a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #064E66;
	font-weight: normal;
	text-decoration: none;
	}

#account_1 a:hover {
	text-decoration: underline;
	color: #064E66;
	}
	
	
	
	
#gauchee {
color: #317a91;}

#gauchee a, #gauchee a:link, #gauchee a:visited, #gauchee a:active {
	font-size: 11px;
	margin: 0 30px;
	padding-bottom: .10em;
	color: #317a91;
	line-height: 1.5em;
	font-weight: normal;
	text-decoration: underline;
	}

#gauchee a:hover {
	text-decoration: underline;
	color: #317a91;
	}
	
.newslett {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3D7583;
}

.newslttt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4A4A4A;
}


/*NAV
-------------------------------------------------------------------------*/
ul.MenuHorizontal {
   width: 248px;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

ul.MenuHorizontal li {
   width: 248px;
}

ul.MenuHorizontal li a, ul.MenuHorizontal li a:visited {
   display: block;
   color: #636363;        
   font-family: Arial, Helvetica, sans-serif;        
   font-size: 14px;      
   font-weight: bold;
   padding:0 0 0 30px;       
   text-align: left;
   text-decoration: none;
}

li#menu0 a, li#menu0 a:visited {
   background-image: url('images/guisse_07.jpg');        
   height:27px;
   line-height:28px;
}

li#menu1 a, li#menu1 a:visited {
   background-image: url('images/guisse_07.jpg');        
   height:27px;
   line-height:28px;
}

li#menu2 a, li#menu2 a:visited {
   background-image: url('images/guisse_07.jpg');         
   height:27px;
   line-height:28px;
}

li#menu3 a, li#menu3 a:visited {
   background-image: url('images/guisse_07.jpg');         
   height:27px;
   line-height:28px;
}

li#menu4 a, li#menu4 a:visited {
   background-image: url('images/guisse_07.jpg');        
   height:27px;
   line-height:28px;
}

li#menu5 a, li#menu5 a:visited {
   background-image: url('images/guisse_07.jpg');         
   height:27px;
   line-height:28px;
}

li#menu6 a, li#menu6 a:visited {
   background-image: url('images/guisse_07.jpg');         
   height:27px;
   line-height:28px;
}


li#menu0 a:hover, li#menu0 a#selected-over0 {
   background-image: url('images/overr.jpg') ;         
   color:#064E66;
   font-family: Arial, Helvetica, sans-serif;        
   font-size: 14px; 
}

li#menu1 a:hover, li#menu1 a#selected-over1 {
   background-image: url('images/overr.jpg') ;        
   color:#064E66;
   font-family: Arial, Helvetica, sans-serif;         
   font-size: 14px; 
}

li#menu2 a:hover, li#menu2 a#selected-over2 {
   background-image: url('images/overr.jpg') ;        
   color:#064E66;
   font-family: Arial, Helvetica, sans-serif;         
   font-size: 14px; 
}

li#menu3 a:hover, li#menu3 a#selected-over3 {
   background-image: url('images/overr.jpg') ;        
   color:#064E66;
   font-family: Arial, Helvetica, sans-serif;        
   font-size: 14px; 
}

li#menu4 a:hover, li#menu4 a#selected-over4 {
   background-image: url('images/overr.jpg') ;        
   color:#064E66;
   font-family: Arial, Helvetica, sans-serif;        
   font-size: 14px; 
}


li#menu5 a:hover, li#menu5 a#selected-over5 {
   background-image: url('images/overr.jpg') ;         
   color:#064E66;
   font-family: Arial, Helvetica, sans-serif;        
   font-size: 14px; 
}

li#menu6 a:hover, li#menu6 a#selected-over6 {
   background-image: url('images/overr.jpg') ;        
   color:#064E66;
   font-family: Arial, Helvetica, sans-serif;         
   font-size: 14px; 
}




/*CONTACT
-------------------------------------------------------------------------*/

#contact_body {
width:  80%;
margin: 0 auto;
}

#contact_bodyy {
width:  90%;
margin: 0 auto;
}

#contact_body p {
text-align: justify;
margin: 0;}

#contact_bodyy p {
text-align: justify;
margin: 0;}

fieldset{
border: 1px solid #888;
padding: 5px 0;
margin-top: 10px;}

fieldset legend{
	line-height: 16px;
	text-align: left;
	color: #257189;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0 15px;
}

fieldset input{
border: 1px solid #aaa;}

fieldset label{}

fieldset textarea{
border: 1px solid #aaa;
vertical-align: text-top;}



	fieldset input:focus {
		border: 1px solid #aaa;
		background: #fff;
	}
	
	fieldset textarea:focus {
		border: 1px solid #aaa;
		background: #fff;
		}
		
#contact_body fieldset p{
margin-right: 100px;
text-align: right;}

input.contact_envoyer{
cursor: pointer;
text-align: center;
color: #fff;
font-weight: bold;
margin: 1em 0 .5em;
padding: .5em 1em;
background: #bd0400;
border: 0;}

input[type='text']:hover, textarea:hover {
	background-color:#e9e9e9;
	border: solid 1px #aaa;
}

.okkkk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #257189;
}

.okkkk1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #257189;
}

#news2 {
	padding-top:90px;
}

#news3 {
	padding-top:5px;
}

.compte1 {
	padding-left: 10px;
}

.compte2 {
	padding-left: 5px;
}


.fdgris {
	color: #333333;
	background-color: #DBDBDB;
}



.fdgris2 {
	background-color: #F2F2F2;
}

.bleu {
	color: #317a91;
}

.bleu1 {
	color: #317a91;
	font-size: 14px;

}


hr {
	height:1px;
	background-color:#555;
	border:0px solid #aa3366;
	width: 580px;
}


.bleu2 {
	color: #31577E;

}


.contour {
	border: 1px solid #01A5EC;
}

.fondbleuAccueil {
	background: url(images/bloc.jpg) no-repeat;
	width: 170px;
	height: 28px;
	}
	
.blanche {	
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	}