* {
	margin:0;
	padding:0;
	border: 0;
	font-family: sans-serif;
}

body {background:#f1efe4;}

.TresPetite { font-family:Verdana ; font-size:9px; }
.Petite 	{ font-family:Verdana ; font-size:10px; }
.Normal 	{ font-family:Verdana ; font-size:11px; }
.Moyenne 	{ font-family:Verdana ; font-size:15px; }
.Grande 	{ font-family:Verdana ; font-size:18px; }
.TresGrande { font-family:Verdana ; font-size:24px; }



h1 { 
	font: normal normal 24px Verdana, Helvetica, sans-serif;  
	padding : 0 0 20px 0;
	margin : 0 0 0 0;
	color:#665546;
}

h2 { 
	font: normal normal 18px Verdana, Helvetica, sans-serif;  
	padding : 0px 0 0 0;
	margin : 0 0 0 0;
	color:#665546;
}
	
h3{ 
	font: normal normal 15px Verdana , Verdana, Helvetica, sans-serif;  
	padding : 0 0 8px 0;
	margin : 0 0 3px 0;
	color:#665546;
}
	
h4{ 
	font: normal normal 12px Verdana , Verdana, Helvetica, sans-serif;  
	padding : 0 0 5px 0;
	margin : 0 0 0 0;
	color:#665546;
}

h5{
	font-family:Verdana ; 
	font-size:12px; 
	color:#ce770a;
}

.titre{
	background:#6c5a4a;
	padding:0px 3px 0px 3px;
	font: normal normal 12px Verdana , Verdana, Helvetica, sans-serif;
	color:#fff;
}

.news{
	background:#ce770a;
	padding:0px 3px 0px 3px;
	font: normal normal 12px Verdana , Verdana, Helvetica, sans-serif;
	color:#fff;
}

.LienPuce{
	background:url(/cokleo_images/site/puce_croix.gif) 0 50% no-repeat;
	padding:0px 0px 0px 14px;
	margin:0;
	display:inline;
	font-size:12px !important;
}
.LienPuce a{
	font: normal bold 11px Verdana , Verdana, Helvetica, sans-serif !important;
}



ul,ol {
		/*list-style: none;*/
}

ul li { 
/*
	font: normal normal 11px/17px sans-serif , Verdana, Helvetica;
	list-style:url(/cokleo_images/site/puce_milieu.gif);
	margin:0px 0px 0px 18px;
*/
}

ol li { 
		/*background: transparent url(/cokleo_images/site/puce-liste.gif) 5px left no-repeat;*/
}

li {margin-left: 0; padding-left: 0px;}

ul {margin-left: 0; padding-left: 0px;}

ul {
	text-align: left;
	padding-bottom:0px;
	margin-top: 0;
	margin-bottom: 3px;
}


p {
	font: normal normal 11px Verdana , Verdana, Helvetica, sans-serif;
	color:#665546;
	line-height:17px;
}


#conteneur_site {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

/************
HEAD 
*************/

#trait_head {
	border-top: 1px solid #483b32;
	border-bottom:1px solid #7b6a5c;
	margin-bottom:5px;
	margin-top:15px;
}

#header {
	margin-bottom:5px;
}

/************
NAV
*************/

#nav_fond {
	height:30px;
	background:url(/cokleo_images/site/nav.gif) repeat-x;
	margin:auto;
	width:1000px;
}

#nav table{
	padding: 0;
	width:1000px;
	height:30px;
}

#nav td {
	text-align:center;
}

#nav td.first {
	background:url(/cokleo_images/site/nav_coin_g.gif) no-repeat;
	background-position:top left;
}

#nav td.last {
	background:url(/cokleo_images/site/nav_coin_d.gif) no-repeat;
	background-position:top right;
	padding-right:10px;
	padding-left:6px;
}

#nav a {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight:bold;
}

#nav a:link{
	color: #665546; 
	text-decoration:none;
}

#nav a:visited{
	color: #665546; 
	text-decoration:none; 
}

#nav a:hover{
	color: #ce770a; 
	text-decoration:none; 
}

#nav a:active{
	color: #665546; 
	text-decoration:none;
}

#nav a.selected  {
	color:#ce770a;
}

/************
CONTENEUR
*************/

#fond {
	background:url(/cokleo_images/site/bandeau.gif) repeat-y;
	width:1000px;
	position:relative;
	z-index:0;
}

#footer_fond {
	clear:both;
	background:url(/cokleo_images/site/footer_fond.gif) no-repeat;
	width:1000px;
	height:6px;
	
}

#ombre {
	position:absolute;
	top:0;
	left:0px;
	z-index:5;
}

/*----- CONTENEUR contenu -----*/
#fond_contenu {
	float:left;
	background:url(/cokleo_images/site/fond.gif) repeat-y;
	width:1000px;
	position:relative;
}

#footer_fond_contenu{
	clear:both;
	background:url(/cokleo_images/site/footer_fond_contenu.gif) no-repeat;
	width:1000px;
	height:8px;
}

#ombre_contenu {
	position:absolute;
	top:0;
	left:0;
	width:1000px;
	height:8px;
}

/*----- div gauche -----*/

#div_gauche {
	float:left;
	width:259px;
	background:#aa9c8f;
	border-right: 1px solid #ada195;
}

#titre_news{
	padding:10px 0px 0px 16px;
	font-size:25px;
	color: #FFF; 
}

#img_news {
	height:59px;
	background:url(/cokleo_images/site/titre2.gif) no-repeat
}

#news { 
	margin-left:20px; 
	margin-right:20px; 
	position:relative;
} 

#news p{ 
	margin-left:0px; 
	color:#ffffff;
}

#news img {
	margin-right:3px;
}



#news ul li{
	font-weight:bold;
	list-style:url(/cokleo_images/site/puce_croix.gif);
	margin:0px 0px 0px 18px;
	padding:0px;
}

#news ul li a{
	font-size:11px;
	font-weight:bold;
}

#news ul li a:link{
	color: #3d332a; 
	text-decoration:underline;
}

#news ul li a:active{
	color: #3d332a; 
	text-decoration:none;
}

#news ul li a:visited{
	color: #3d332a; 
	text-decoration:underline;
}


.separation {
	border-top: 1px solid #887d72;
	border-bottom:1px solid #c4bab1;
	margin:5px 0px 5px 0px;
	clear:both;
}
.separation2 {
	border-top: 1px solid #887d72;
	border-bottom:1px solid #c4bab1;
	margin:10px auto 0 auto;
	padding:0;
	width:100px;
	height:0px;
	clear:both;
}

/*----- div gauche Contenu -----*/

#div_gauche_contenu{
	float:left;
	min-height:300px;
	width:177px;
	margin:20px 20px 0 20px;
	display:inline;
}

#images img {margin-bottom:20px;}


/*----- div milieu -----*/
#div_milieu {
	float:left;
	width:486px;
	background:#d5cfc0;
}

#texte_milieu {
	min-height:177px;
	margin-left:35px; 
	margin-right:20px;
}

#texte_milieu h2{
	margin-top:21px;
	margin-bottom:28px;}

#texte_milieu img {margin-right:3px;}

#texte_milieu ul li {
	list-style:url(/cokleo_images/site/puce_milieu.gif);
	background-position:left;
	font: normal normal 11px Verdana , Verdana, Helvetica, sans-serif;
	color:#665546;
	margin-left:15px;
	margin-right:20px;
	margin-top:21px;
	line-height:17px;
}

#titre_cokleo {
	width:486px;
	height:78px;
	background:url(/cokleo_images/site/img_titre_cokleo2.gif) no-repeat;
}

#titre_home{
	padding:20px 0px 0px 27px;
	font-size:30px;
	color: #ce770a; 
}

#escargot{
	float:left;
	background:url(/cokleo_images/site/escargot.gif) no-repeat;
	background-position:right bottom;
	width:100%;
	padding-bottom:73px;
}

/*----- div milieu contenu -----*/
#div_milieu_contenu {
	float:left;
	width:770px;
}

#texte_milieu_contenu {
	min-height:260px;
	margin-top:21px;
	margin-left:45px; 
	margin-right:20px;
}

#texte_milieu_contenu h2 h3 h4{
	margin-top:21px;
	margin-bottom:28px;
}

#texte_milieu_contenu .titre{
	color:#FFF;
	background-color:#6c5a4a;
	padding:0px 5px 0px 5px;
}


#titre_contenu {
	width:783px;
	height:78px;
	background:url(/cokleo_images/site/barre_titre.gif) no-repeat;
}

#titre{
	padding:20px 0px 20px 40px;
	font-size:30px;
	color: #ce770a; 
}

#escargot_contenu{
	background:url(/cokleo_images/site/escargot2.gif) no-repeat;
	width:100%;
	background-position:right bottom;
	padding-bottom:76px;
}


/*----- div milieu NEWS -----*/

#texte_milieu_news {
	float:left;
	display:inline;
	width:705px;
	min-height:260px;
	margin-top:21px;
	margin-left:45px; 
	margin-right:20px;
}


#texte_milieu_news h2{
	font: normal normal 15px Verdana , Verdana, Helvetica, sans-serif;  
	color:#ce770a;
}

#texte_milieu_news h2.titre{
	font-size:13px;
	color:#ce770a;
}

#texte_milieu_news .titre_news {
	font-size:13px;
	color:#ce770a;
}

#texte_milieu_news .date_news{
	font:9px Verdana, Arial, Helvetica, sans-serif;
	color:#3d332a;
}

#texte_milieu_news a{
	color:#3d332a;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

#texte_milieu_news a:hover{
	color:#3d332a;
	text-decoration:underline;
}


#news .date{
	font-size:13px;
	color:#3d332a;
}

#news .titre {
	font-size:15px;
	color:#f1efe4;
}




/*----- div milieu CONTACT -----*/

#texte_milieu_contact {
	min-height:260px;
	margin-top:21px;
	margin-left:45px; 
	margin-right:20px;
}

#texte_milieu_contact td {
	font: normal normal 12px Verdana , Verdana, Helvetica, sans-serif;
	color:#665546;
}

#intro {
	font: 11px Verdana , Verdana, Helvetica, sans-serif;
	color:#665546;
	margin-bottom:25px;
}

#texte_milieu_contact .FormContact,#texte_milieu_contact .FormContact td,#texte_milieu_contact .FormReponse{}

#form .FormSubmit {
	margin: 0;
	padding: 2px 0 2px 2px;
	font: 12px Verdana , Verdana, Helvetica, sans-serif;
	color:#665546;
	cursor:pointer;
	border: 1px #665546 solid;
}

#form .LargeInput{width:263px; border: 1px #665546 solid;}
#form .SmallInput{width:60px; border: 1px #665546 solid;}
#form .MediumInput{width:192px; border: 1px #665546 solid;}
#form .chkBoxes{border-width:0;}
#form .XSmallInput{width:20px; border: 1px #665546 solid;}
#form .HalfInput{width:126px; border: 1px #665546 solid;}



/*----- div droite -----*/
#div_droite {
	float:left;
	border-left: 1px solid #d2cabd;
	width:250px;
}

/************
FOOTER
*************/
#footer_trait {
	border-top: 1px solid #483b32;
	border-bottom:1px solid #7b6a5c;
	margin:5px 0px 5px 0px;
	height:0px !important;
	line-height:0px !important;
	display:block;
}

#footer {
	clear:both;
	width:1000px;
	margin-bottom:10px;
}

#footer p{
	color:#3d332a;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

#footer a{
	color:#3d332a;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#footer a:hover{
	color:#3d332a;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

	
	.Clikeo{
		float:right;
		text-align:center;
		padding:0px 0 5px 0;
		font: normal 9px Arial , Verdana, Helvetica, sans-serif;  
		color:#342b24;
	}

	.Clikeo a {
		font: normal 9px Arial , Verdana, Helvetica, sans-serif;  
		color:#342b24;
	}