@charset "UTF-8";
/* ---------------------------------------------------------------------------------------------------- */ 
/* http://meyerweb.com/eric/tools/css/reset/  ////   v2.0 | 20110126 //// License: none (public domain) */
/* ---------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1;  padding:0px; margin:0px; font-size: 14px; font-family: 'Cuprum', sans-serif; color: #403f3e; background: #FFF;}
ol, ul { list-style: none;  padding: 0;} 
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* ------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------ */
.orange
{
background: url(../images/or.gif);
}

.brun
{
background: url(../images/brun.gif);
}

.rose
{
background: url(../images/rose.gif);
}

.vert
{
background: url(../images/vert.gif);
}

.bleu
{
background: url(../images/bleu.gif);
}

.saumon
{
background: url(../images/peche.gif);
}


.right
{
float: right;
margin-top: 400px;
margin-right: 55px;
}

.clearfixe { clear: both;}
/* ------------------------------------------------------------------------------------------------------------------------ */
/* CSS [Nom du projet] par [Nom de l'auteur bluevision] 																	*/
/* ------------------------------------------------------------------------------------------------------------------------ */
.content { 
position:relative;
width:990px;
margin:auto;
}

.bg_site {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    width: 950px;
}

img
{
border: 0;
vertical-align: middle;
}

a
{
color: #79685e;
}


/* ------------------------------------------------- */
/* INFO MSG -----------------------------------------*/	
	.msgOk { border: 1px solid #9cc43f; color: #9cc43f; background: url(design/iconOk.png) no-repeat 5px 3px #edf9d1; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; padding: 10px 10px 10px 40px; font-weight: bold; font-size: 14px; margin: 5px 0; }
	.msgError { border: 1px solid #cf350c; color: #cf350c; background: url(design/iconError.png) no-repeat 5px 3px #f7dbd3; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; padding: 10px 10px 10px 40px; font-weight: bold; font-size: 14px; margin: 5px 0; }
	.msgWarning {border: 1px solid #c69205; color: #c69205; background: url(design/iconError.png) no-repeat 5px 3px #f5e7c3; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; padding: 10px 10px 10px 40px; font-weight: bold; font-size: 14px; margin: 5px 0; } 
	
/* ------------------------------------------------ */	
/* MAIN NAV (TopMenu) ------------------------------*/
	.mainNav { display: block; height: 43px; width: 950px; float: left; background: black; background: url(../images/bg_menu.png);}
	.mainNav ul#menu { display: inline; height: 40px; line-height: 40px;  }
	.mainNav ul#menu li { 
    cursor: default;
    float: left;
    font-size: 17px;
    font-variant: small-caps;
    height: 43px;
    line-height: 43px;
    margin-left: 1px;
    position: relative;
    text-align: center;
    width: 157px;
	}
	.mainNav ul#menu li a { color:#FFF; text-decoration: none; display: block; }
	.mainNav ul#menu li a:hover {color: #FFF; text-decoration: none; display: block; }
	
	.mainNav ul#menu li#menu0 a:hover {color: #FFF; text-decoration: none; display: block; background: url(../images/menu1.png); }
	.mainNav ul#menu li#menu1 a:hover {color: #FFF; text-decoration: none; display: block; background: url(../images/menu2.png); }
	.mainNav ul#menu li#menu2 a:hover {color: #FFF; text-decoration: none; display: block; background: url(../images/menu3.png); }
	.mainNav ul#menu li#menu3 a:hover {color: #FFF; text-decoration: none; display: block; background: url(../images/menu4.png); }
	.mainNav ul#menu li#menu4 a:hover {color: #FFF; text-decoration: none; display: block; background: url(../images/menu5.png); }
	.mainNav ul#menu li#menu5 a:hover {color: #FFF; text-decoration: none; display: block; background: url(../images/menu6.png); }

	
		
	
	
	.mainNav ul#menu li#menu0.mainmenu ul  { display: none; position: absolute; top: 43px; left: 0px; width: 157px; background: #f7941e; border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;}
	.mainNav ul#menu li#menu0.mainmenu ul li { display: block; position: relative; top: 0; left: 0; float: none; padding: 0; margin: 0; background: none; height: 30px; line-height: 30px; border: 0 none; }
	.mainNav ul#menu li#menu0.mainmenu ul li a { display: block; width: 157px; height: 30px; text-indent: 10px; text-align: left;  font-size: 14px; color: #f8e0c2;}
	.mainNav ul#menu li#menu0.mainmenu ul li a:hover { background: #f8e0c2; color:#234448;  }
	.mainNav ul#menu li#menu0.mainmenu ul li ul { display: none; position: absolute; top: 0; left: 157px; }
	.mainNav ul#menu li#menu0:hover ul { display: block; }
	.mainNav ul#menu li#menu0.mainmenu ul li:hover ul { display: block; }
	
	
		.mainNav ul#menu li#menu1.mainmenu ul  { display: none; position: absolute; top: 43px; left: 0px; width: 157px; background: #c2b59b; border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;}
	.mainNav ul#menu li#menu1.mainmenu ul li { display: block; position: relative; top: 0; left: 0; float: none; padding: 0; margin: 0; background: none; height: 30px; line-height: 30px; border: 0 none; }
	.mainNav ul#menu li#menu1.mainmenu ul li a { display: block; width: 157px; height: 30px; text-indent: 10px; text-align: left; font-size: 14px; color: #7e7667; }
	.mainNav ul#menu li#menu1.mainmenu ul li a:hover { background: #7e7667; color:#FFF;  }
	.mainNav ul#menu li#menu1.mainmenu ul li ul { display: none; position: absolute; top: 0; left: 157px; }
	.mainNav ul#menu li#menu1:hover ul { display: block; }
	.mainNav ul#menu li#menu1.mainmenu ul li:hover ul { display: block; }
	
	.mainNav ul#menu li#menu2.mainmenu ul  { display: none; position: absolute; top: 43px; left: 0px; width: 157px; background: #f4b9cd; border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;}
	.mainNav ul#menu li#menu2.mainmenu ul li { display: block; position: relative; top: 0; left: 0; float: none; padding: 0; margin: 0; background: none; height: 30px; line-height: 30px; border: 0 none; }
	.mainNav ul#menu li#menu2.mainmenu ul li a { display: block; width: 157px; height: 30px; text-indent: 10px; text-align: left; font-size: 14px; color: #b26e85;}
	.mainNav ul#menu li#menu2.mainmenu ul li a:hover { background: #b26e85; color:#FFF;  }
	.mainNav ul#menu li#menu2.mainmenu ul li ul { display: none; position: absolute; top: 0; left: 157px; }
	.mainNav ul#menu li#menu2:hover ul { display: block; }
	.mainNav ul#menu li#menu2.mainmenu ul li:hover ul { display: block; }
	
	
	.mainNav ul#menu li#menu3.mainmenu ul  { display: none; position: absolute; top: 43px; left: 0px; width: 157px; background: #cfe5ae; border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;}
	.mainNav ul#menu li#menu3.mainmenu ul li { display: block; position: relative; top: 0; left: 0; float: none; padding: 0; margin: 0; background: none; height: 30px; line-height: 30px; border: 0 none; }
	.mainNav ul#menu li#menu3.mainmenu ul li a { display: block; width: 157px; height: 30px; text-indent: 10px; text-align: left;  color: #5f802d; font-size: 14px;           }
	.mainNav ul#menu li#menu3.mainmenu ul li a:hover { background: #5f802d; color:#FFF;  }
	.mainNav ul#menu li#menu3.mainmenu ul li ul { display: none; position: absolute; top: 0; left: 157px; }
	.mainNav ul#menu li#menu3:hover ul { display: block; }
	.mainNav ul#menu li#menu3.mainmenu ul li:hover ul { display: block; }
	
	.mainNav ul#menu li#menu4.mainmenu ul  { display: none; position: absolute; top: 43px; left: 0px; width: 157px; background: #8ad8f8; border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;}
	.mainNav ul#menu li#menu4.mainmenu ul li { display: block; position: relative; top: 0; left: 0; float: none; padding: 0; margin: 0; background: none; height: 30px; line-height: 30px; border: 0 none; }
	.mainNav ul#menu li#menu4.mainmenu ul li a { display: block; width: 157px; height: 30px; text-indent: 10px; text-align: left; font-size: 14px; color: #1183b2; }
	.mainNav ul#menu li#menu4.mainmenu ul li a:hover { background: #1183b2; color:#FFF;  }
	.mainNav ul#menu li#menu4.mainmenu ul li ul { display: none; position: absolute; top: 0; left: 157px; }
	.mainNav ul#menu li#menu4:hover ul { display: block; }
	.mainNav ul#menu li#menu4.mainmenu ul li:hover ul { display: block; }	
	

/* end MAIN NAV (TopMenu) ------------------------------*/


/*home*/
	
.logo_bg
{
    float: left;
    width: 409px;
    height: 540px;
    background-image: url("../images/slide-home_01.png");
}

/* slideswho */
 
#home { position: relative; width: 581px; height: 540px; overflow: hidden; }

#home ul.toSlide, #slideshow ul.toSlide li { z-index: 0; position: relative; padding: 0; margin: 0; }
#home ul.toSlide li { position: absolute; display: block; width: 581px; height: 540px; }

#home a.prev, #slidetop a.next { z-index: 9999; position: absolute; top: 50%; margin-top: -10px; display: block; width: 20px; height: 20px; }

#home a.prev { left: 10px; }
#home a.next { right: 10px; }

#home .navbar { position: absolute; bottom: 0; left: 5px; height: 30px; }
#home .navbar ul, #slideshow .navbar li { padding:0; margin: 0; list-style: none; line-height: 30px; }
#home .navbar li { float: left; display: block; width: 20px; height: 30px; text-align: center; line-height: 30px; }

.slideshow_home

 {
 float: left;
 width: 581px;
 }

.slidetoph

{
width:581px;
z-index: -999;
}


.slidetoph_mask 
	{
    background-image: url("../images/slide-home_02.png");
    height: 540px;
    position: absolute;
    width: 581px;
    z-index: 20;
	}

/* slideswho */

/*home*/


/* top (header) ------------------------------*/

.header
{
    background-color: #FFF;
    float: left;
    height: 229px;
    width: 950px;
}

.logo
{
    float: left;
    margin-top: 19px;
    width: 421px;
}

.masqueslide
{
 float: left;
    margin-left: 5px;
    width: 524px;}


	.contenu_home
{
    background-color: #FFF;
    float: left;
    width: 990px;
    margin-top: 30px;
}

/* Menu des Langues */
.langMenu { position: absolute; z-index: 21; right: 15px; top:10px; }
.langMenu ul { display: inline; }
.langMenu ul li { float: left; margin: 0 2px 0 0; }


/* end top (header) ------------------------------*/		
	
/* 3 colonnes (middle) ------------------------------*/		
	
	
	.contenu_global
{
    background-color: #FFF;
    float: left;
    width: 950px;
    margin-top: 30px;
}

	.titre_cote
{
  	float: left;
    height: 100px;
    text-align: right;
    text-transform: uppercase;
    width: 150px;
}
	.middle
{
   	border-left: 1px solid #DFD8CB;
   	border-right: 1px solid #DFD8CB;
    float: left;
    margin-left: 8px;
    width: 570px;
    min-height: 733px;
    
}
	.photo
{
    float: left;
    width: 530px;
    height: 185px;
    margin-left: 20px;
    overflow: hidden;
    
}
	.contenu-orange
{
    background-color: #f9e0c3;
    float: left;
    width: 510px;
    margin-left: 20px;
    padding: 10px;
    margin-top: 15px;
}

.coordo-orange
{
    background-color: #f9e0c3;
    float: left;
    width: 130px;
    padding: 10px;
    margin-top: 583px;
    font-size: 11px;
}

.contenu-brun
{
    background-color: #e4ded3;
    float: left;
    width: 510px;
    margin-left: 20px;
    padding: 10px;
    margin-top: 15px;
}

.contenu-rose

{
    background-color: #f7d6e1;
    float: left;
    width: 510px;
    margin-left: 20px;
    padding: 10px;
    margin-top: 15px;
}

.contenu-vert

{
    background-color: #e0efca;
    float: left;
    width: 510px;
    margin-left: 20px;
    padding: 10px;
    margin-top: 15px;
}

.contenu-bleu

{
    background-color: #cdedf9;
    float: left;
    width: 510px;
    margin-left: 20px;
    padding: 10px;
    margin-top: 15px;
}

.contenu-saumon

{
    background-color: #f8e3dc;
    float: left;
    width: 510px;
    margin-left: 20px;
    padding: 10px;
    margin-top: 15px;
}



.coordo-saumon
{
    background-color: #f8e3dc;
    float: left;
    width: 130px;
    padding: 10px;
    margin-top: 583px;
    font-size: 11px;
}


.coordo-bleu
{
    background-color: #cdedf9;
    float: left;
    width: 130px;
    padding: 10px;
    margin-top: 583px;
    font-size: 11px;
}

.coordo-vert
{
    background-color: #e0efca;
    float: left;
    width: 130px;
    padding: 10px;
    margin-top: 583px;
    font-size: 11px;
}


.coordo-rose
{
    background-color: #f7d6e1;
    float: left;
    width: 130px;
    padding: 10px;
    margin-top: 583px;
    font-size: 11px;
}

.coordo-brun
{
    background-color: #e4ded3;
    float: left;
    width: 130px;
    padding: 10px;
    margin-top: 583px;
    font-size: 11px;
}


.rassurant

{
    float: right;
    width: 200px;
}

.orange_title

{
  font-size: 15px;
  color: #ff8600;
  font-weight: normal;
}

.brun_title

{
  font-size: 15px;
  color: #c2b59b;
  font-weight: normal;
}


.rose_title
{
  font-size: 15px;
  color: #efa9c1;
  font-weight: normal;
}

.vert_title
{
  font-size: 15px;
  color: #d1e4a7;
  font-weight: normal;
}

.bleu_title
{
  font-size: 15px;
  color: #9dd5fb;
  font-weight: normal;
}

.saumon_title
{
  font-size: 15px;
  color: #ecd3ca;
  font-weight: normal;
}

/* 3 colonnes (middle) ------------------------------*/			


/* rassurant ------------------------------*/

.video
{
float: left;
padding: 10px;
width: 180px;
border:1px solid #d5ccc7;
text-align: right;
margin-bottom: 10px;
}

/* News Sidebar */
.newsSidebar { width: 200px; margin: 0 0 10px 0; float: right; }
.newsSidebar h3{ text-transform: uppercase; font-family: 'Cuprum',sans-serif; font-size: 16px; margin: 0 0 5px 0; }
ul.listingNewsSidebar { background-color: #9c867a; padding: 0 0 0 5px; }
ul.listingNewsSidebar li { background-color: #f3f0ef; margin: 0 0 1px 0; padding: 5px; }
ul.listingNewsSidebar li .date { background: url(../images/sepNewsSidebar.png) no-repeat right center; height: 35px; padding: 0 6px  0 0;  float: left;  text-align: center; text-transform: uppercase;}
ul.listingNewsSidebar li .date .dateOrange { color: #c07a39; font-size: 24px; width:25px; display:block; }
ul.listingNewsSidebar li .titreNewsMini { display: block; float: left; line-height: 22px; padding: 0 0 0 6px; }
.newsSidebar a.lienAllNewsSidebar { color: #c07a39; float: right; margin: 10px 0; }
/* rassurant ------------------------------*/


/* footer ------------------------------*/	

.footer

{
	background-color: #9C867A;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 20px;
    width: 910px;
}

.lien_utiles
{
    float: left;
}
.copyright
{
    border-left: 1px solid white;
    float: right;
    text-align: right;
    width: 250px;
    font-size: 11px;
    color: white;
}

.copyright a
{
    color: #c2b59b;
}

.bottom_menu
{
margin-top: 10px;
}

.bottom_menu ul {          
list-style: none ;     
margin: 0 ;     
padding: 0 ;
 }



.bottom_menu li {          
display: inline ; 

 }


.bottom_menu li a{     

color: #FFF;
margin-right: 15px;
}
 

.bottom_menu li a:hover{     

text-decoration: underline;
color: #C2B59B;
}


/* footer ------------------------------*/	


/* slideswho */
 
#slidetop { position: relative; width: 524px; height: 229px; overflow: hidden; }

#slidetop ul.toSlide, #slideshow ul.toSlide li { z-index: 0; position: relative; padding: 0; margin: 0; }
#slidetop ul.toSlide li { position: absolute; display: block; width: 524px; height: 229px; }

#slidetop a.prev, #slidetop a.next { z-index: 9999; position: absolute; top: 50%; margin-top: -10px; display: block; width: 20px; height: 20px; }

#slidetop a.prev { left: 10px; }
#slidetop a.next { right: 10px; }

#slidetop .navbar { position: absolute; bottom: 0; left: 5px; height: 30px; }
#slidetop .navbar ul, #slideshow .navbar li { padding:0; margin: 0; list-style: none; line-height: 30px; }
#slidetop .navbar li { float: left; display: block; width: 20px; height: 30px; text-align: center; line-height: 30px; }

.slideshow

{float: left;
 margin-left: 5px;
 width: 524px;
 }

.slidetop

{
width:524px;
z-index: -999;
}


.slidetop_mask 

{
    background-image: url("../images/masque_slide.png");
    height: 229px;
    position: absolute;
    width: 524px;
    z-index: 20;
}




/* slideswho */