/* ---------------------
FONTS
------------------------*/

@import url(https://fonts.googleapis.com/css?family=Chivo:400,400italic,900,900italic|Archivo+Narrow:400,400italic,700,700italic|Volkhov:400,400italic,700,700italic);


/* --------------
ZONE EXTERIEURE
-----------------*/

body {
	background:#f1f4f4;
	font-family:"Chivo", Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1.6;
	color:#515b5e;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}


/* ------------
GLOBAL
--------------*/

#page{
	position:relative;
	z-index:0;
}

#wrapperInner,
#headerInner,
#banniereInner,
#footerInner{
	width:1200px;
	margin:0 auto;
}


/* ------------
LIENS
--------------*/

a, 
a:link, 
a:visited{
	color:#32a2a2;
	text-decoration:underline;
	transition: all 0.15s ease;
	-webkit-transition:all 0.15s ease;
}

a:hover,
a:active{
	color:#1c596d;
	text-decoration:underline;
	transition: all 0.15s ease;
	-webkit-transition:all 0.15s ease;
}

a.puce:before,
span.puce a:before{
	content:url(/images/v4/fleche-1.png);
	margin-right:5px;
	vertical-align:middle;
}

a.retourListe:before,
span.retourListe a:before,
div.retourListe a:before{
	font-family:"Chivo", Helvetica, Arial, sans-serif;
	font-size:14px;
	content:url(/images/v4/icon-retour.png);
	margin-right:5px;
	vertical-align:middle;
}



/* ------------
HEADER
--------------*/

#header{
	position:relative;
	background:url(/images/v4/bg-header.png) center repeat-x;
	height:73px;
	z-index:100;
}

#headerInner{
	height:inherit;
}

#header #logo{
	float:left;
	margin-top:0;
	margin-left:10px;
}

#header #logo a{
	display:block;
	width:218px;
	height:99px;
	background:url(../images/logo-pat-fougeres-header.png) no-repeat;
}

#header #logo a span{
	display:none;
}

#header #marqueBretagne{
	float:right;
	margin-right:10px;
}

/* ------------
CHAPTER PICTURE
--------------*/

#banniere{
	position:absolute;
	top:73px;
	height:115px;
	width:100%;
	overflow:hidden;
	min-width:1200px;
}

#banniereInner{
	height:100%;
}

#banniere #imageRubrique{
	position:absolute;
	top:0;
	left:50%;
	width:100%;
	z-index:-1;
}

#banniere #imageRubrique > img{
	position:absolute;
	left:-960px;
	height:115px;
	min-width:1920px;
}


/* ---------------------
ZONE INTERIEURE (CONTENU)
-----------------------*/

#wrapper{
	margin-top:115px;
}

#wrapperInner{
	background:#ffffff;
}

#container{
	margin:0 70px;
}



/* ------------
FOOTER
--------------*/

#footer{
	margin-top:40px;
	padding-top:40px;
	background:#ffffff;
	border-top:4px solid #e3e7e7;
	font-family:"Chivo", Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#515b5e;
}


#signature{
	height:55px;
	line-height:50px;
	margin-top:40px;
	border-top:1px solid #e3e7e7;
	font-size:12px;
	color:#909b9e;
}

#footer #signature a{
	color:#909b9e;
}

#footer #signature a:hover{
	color:#32a2a2;
}

#footer #signature img{
	vertical-align:middle;
}

#signature p{
	margin:0;
}

#signature p:first-of-type{
	float:left;
	padding:0 0 0 20px;
}

#signature p:last-of-type{
	float:right;
	padding:0 20px 0 0;
}



/* ------------------------
FOOTER : WIDGETS
--------------------------*/

#footer .widget{
	float:left;
}

#footer .widget h4{
	font-family:"Archivo Narrow", Helvetica, Arial, sans-serif;
	font-size:20px;
	color:#1c596d;
	margin-bottom:15px;
	font-weight:normal;
}

#footer .widget > h4,
#footer .widget .widgetContainer{
	padding:0 30px 0 20px;
}

#footer a{
	color:#515b5e;
	text-decoration:none;
}

#footer a:hover{
	color:#32a2a2;
}


/* ------------------------
FOOTER : WIDGET TEXTE - COORDONNEES
--------------------------*/

.wCoordonnees{
	width:390px;
	margin:0 10px;
	border-right:1px solid #e3e7e7;
	line-height:1.4;
}
 
.wCoordonnees > h4{
	display:none;
}


/* ------------------------
FOOTER : WIDGETS RACCOURCIS
--------------------------*/

.widgetShortcutFooter{
	width:190px;
	margin:0 10px 0 0;
	border-right:1px solid #e3e7e7;
}

.widgetShortcutFooter li{
	margin:4px 0;
	list-style:none;
}

/* ------------------------
FOOTER : WIDGET TEXTE - NOUS SUIVRE
--------------------------*/

.wSocial{
	width:180px;
}



/* ------------------------------------
MENU HAUT (NESTED)
--------------------------------------*/
			
#nested{
	position:relative;
	float:left;
	width:auto;
	height:69px;
	font-family:"Archivo Narrow", Arial, Helvetica, sans-serif;
	font-size:16px;
	z-index:100;
}

#nested .menuHautInvisible{
	display:none;
}

#nested a{
	transition:none;
	-webkit-transition:none;
}

#nested > ul{
	height:69px;
	margin:0 auto;
}

#nested > ul > li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	height:inherit;
	border-right:1px solid #e3e7e7;
}

#nested > ul > li.invisible{
	display:none;
}

#nested > ul > li > a{
	display:block;
	height:69px;
	line-height:normal;
	padding:0 50px;
	text-decoration:none;
	text-transform:uppercase;
	color:#515b5e;
}

#nested > ul > li > a > span.titre{
	display:block;
	padding-top:15px;
	padding-bottom:0;
}

#nested > ul > li > a > span.sousTitre{
	display:block;
	color:#32a2a2;
	font-size:14px;
	margin:0;
	padding:0;
}

#nested > ul > li > a:hover > span.sousTitre,
#nested > ul > li:hover > a > span.sousTitre{
	color:#caef49;
}

#nested > ul > li:hover > a{
	color:#ffffff;
	background: #32a2a2; /* Old browsers */
	background: -moz-linear-gradient(top,  #1c596d 0%, #32a2a2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c596d), color-stop(100%,#32a2a2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1c596d 0%,#32a2a2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c596d 0%,#32a2a2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c596d 0%,#32a2a2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1c596d 0%,#32a2a2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c596d', endColorstr='#32a2a2',GradientType=0 ); /* IE6-9 */
}

#nested > ul > li > a:hover,
#nested > ul > li.active > a:hover{
	color:#ffffff;
}


/* Second niveau */

#nested > ul.firstLevel > li:hover > ul.secondLevel,
#nested > ul.firstLevel > li.sfhover > ul.secondLevel{
	left:auto;
	padding:0;
	opacity:1;
}

#nested ul.secondLevel{
	min-width:230px;
	background:#ffffff;
	text-align:left;
	line-height:100%;
	font-weight:400;
	font-size:14px;
	text-transform:uppercase;
	border-top:4px solid #e3e7e7;
	box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.1);
}

#nested ul.secondLevel > li{
	display:block;
	list-style:none;
	border-bottom:1px solid #e3e7e7;
}

#nested ul.secondLevel > li:last-child{
	border-bottom:none;
}

#nested ul.secondLevel > li > a{
	color:#1c596d;
	display:block;
	padding:20px 50px;
	text-decoration:none;
}

#nested ul.secondLevel > li > a:hover{
	background:#f1f4f4;
}

#nested ul.secondLevel > li:hover > a{
	color:#32a2a2;
}

/* -----------------------
GESTION DU MENU DEROULANT
-------------------------*/	
/*on masque les éléments qui en doivent pas s'afficher*/
#nested .firstLevel li ul, 
#nested .firstLevel li:hover ul ul, 
#nested .firstLevel li.sfhover ul ul, 
#nested .firstLevel ul li:hover ul ul, 
#nested .firstLevel ul li.sfhover ul ul{
	height:auto;
	left:-999em;
	position:absolute;
}




/* -----------------------
DIVERS
-------------------------*/	

hr.clear{
	border:0;
}