/* Repertoire image : wgtype */


/****** FONTS ******/

h1,
.cms_bloc_title h2,
#menu a,
#header p.slogan,
#sitemap-print a,
#footer-copyright,
#footer-copyright a,
#lastupdate,
#breadcrumb,
#breadcrumb a,
#breadcrumb span,
.ma-container,
.ma-container a {
	font-family: 'Roboto', Arial;
	font-weight: 100;
	font-style: normal;
}


/****** KEYFRAMES ******/


/******  SPRITE  ******/

#sitemap-print a {

}



/******  GENERALITE  ******/

body, td, pre, input[type="text"], textarea, select {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.45;
	color: #4D4D4D;
}

html {

}

body {

}

/******  STYLE GLOBAUX  ******/

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

a {
	color: #5093C9;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

[id|="zone"],
.container {
	z-index: 1;
}
[id|="zone"] {
	min-width: 990px;
}
.container {
	margin: 0 auto;
	width: 990px;
	text-align: left;
}

.cms_bloc_title h2 {
	padding: 0;
	background: none;
	text-transform: none;
	color: #597297;
	font-size: 46px;
	line-height: 115%;
	font-weight: 100;
}
	
.left  { float: left; }
.right { float: right;}


/******  STYLES TINYMCE  ******/




/******  STYLE DES LISTES  ******/

.content ul,
.content ol{
	position: relative;
	padding: 5px 0;
}
.content ol{
	list-style-position: inside;
}
.content ul{
	list-style-type: none;
}
.content ul li {
	text-align: left;
	line-height: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
}


.content .cms_bloc.cms_bloc_text ul li:before {
	content: "";
	display: inline-block;
	position: relative;
	left: -12px;
	top: 0px;
	width: 0px;
	height: 0px;
	margin: 0 -4px 0 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #1377DB;
}


.content ol li{
	padding-bottom: 6px;
	padding-left: 7px;
}



/******  HEADER  ******/

#zone-header {
	position: relative;
	z-index: 5;
}
	#header {
		position: relative;
		z-index: 2;
	}
		h1 {
			color: #aaa;
			font-size: 11px;
			font-weight: 100;
			height: 34px;
			width: 670px;
			line-height: 14px;
			padding: 10px 0;
		}

		#sitemap-print {
			color: #aaa;
		}
				#sitemap-print a {
					display: inline-block;
					line-height: 14px;
					color: #aaa;
					height: 34px;
					padding: 10px 0;
					font-size: 12px;
					text-decoration: none;
				}
				#sitemap-print a:hover {
					color: #5093C9;
				}
				a#sitemap-link {
					background-position: 0px 0px;
				}
				a#print-link {
					background-position: 0px 0px;
				}

		#header .logo {
			vertical-align: middle;
			display: inline-block;
			margin: 5px 80px 20px 0;
			-webkit-transition: all .2s ease-in-out;
			   -moz-transition: all .2s ease-in-out;
			    -ms-transition: all .2s ease-in-out;
			     -o-transition: all .2s ease-in-out;
			        transition: all .2s ease-in-out;
		}

		#header .logo:hover {
			-webkit-transform: scale(.95);
			-ms-transform: scale(.95);
			transform: scale(.95);
		}

		#header p.slogan {
			display: inline-block;
			vertical-align: middle;
			font-size: 20px;
			font-weight: 100;
		}

/****************************/
/*********  LANGUE  *********/
/****************************/

div.lang {
	padding: 13px 0;
}
div.lang a {
	display: inline-block;
	width: 22px;
	height: 15px;
}
div.lang a.link-fr_FR {
	margin-right: 8px;
	background: url('../../images/wgtype/flag_fr.jpg') no-repeat 0 0;
}
div.lang a.link-en_GB {
	background: url('../../images/wgtype/flag_en.jpg') no-repeat 0 0;
}
div.lang a:hover {
	opacity: .5;
}


/****************************/
/*********  BANDEAU  ********/
/****************************/


#zone-diaporama {
	height: 300px; /* A adapter ! */
	overflow: hidden;
	position: relative;
}


/****************************/
/******  FIL D'ARIANE  ******/
/****************************/
#zone-ariane {
	background: #f3f3f3;
}

#breadcrumb span {
	font-weight: 500;
	color: #5093C9;
}
#breadcrumb,
#breadcrumb a {
	color: #4d4d4d;
}
#breadcrumb {
	font-size: 12px;
	line-height: 1.2;
	padding: 10px 0;
}
#breadcrumb a {
	font-weight: 400;
	text-decoration: underline;
}
#breadcrumb a:hover {
	text-decoration: none;
}


/****************************/
/*********** PAGE ***********/
/****************************/

#zone-page {
	position: relative;
	z-index: 3;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5; 
}
	#page {
		padding: 20px 0 40px 0;
		position: relative;
	}
		#page > div {
			min-height: 1px;
		}
		
		#page > .left {
			width: 700px;
		}

		#page > .right {
			width: 250px;			
		}
			.content {

			}


/****************************/
/******  PIED DE PAGE  ******/
/****************************/

#zone-footer {
	background: #F3F3F3;
	position: relative;
	z-index: 2;
}
	#footer {
		padding: 10px 0;
	}
				#lastupdate {
					display: block;
					color: #aaa;
					font-size: 12px;
					font-weight: 100;
					line-height: 14px;
				}

		#footer-copyright,
		#footer-copyright a {
			font-size: 12px;
			font-weight: 100;
			color: #aaa;
		}
		#footer-copyright {
		}
			#footer-copyright a {
				text-decoration: none;
			}
				#footer-copyright a:hover {
					color: #5093C9;
				}
			#footer-copyright img {
				margin-bottom: 4px;
			}

			#footer-copyright img:first-child {
				margin-bottom: -2px;
			}