/*960.gs */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
/*Source :  http://yui.yahooapis.com/combo?2.7.0/build/reset-fonts/reset-fonts.css */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



/*
Couleurs utilisées

marron : #b25f29
--------------------------------------------------- */

/*
	Debug cakephp
*/
.cake-stack-trace{position:absolute;color:#000; background:#ddd;top:0;left:0;z-index:50;}


/* Global
--------------------------------------------------- */
html {background-color: #FFF;}
body {
	position: relative;
	
	border: 1px solid #DDD;
	width: 960px; margin: 15px auto;
	color: #000;
	}

#contenu{
	margin-top:42px;
	position:relative;
	z-index:2;
	background:url(../img/bg-contenu.gif) repeat-y top right;
	padding-bottom:18px;
}

#footer{
	background: url(../img/bg_body.jpg) no-repeat bottom;
	height:90px;
	margin-top:-18px;
	padding-top:20px;
}

a {text-decoration: none;}
b,strong {font-weight: bold;}
i,em {font-style: italic;}

#page {
	/*background: url('../img/16_col.gif') repeat-y 0 0px;*/

}


/* Header
--------------------------------------------------- */
#header {}

/* Prelude -------------------- */
#prelude a {
	position: absolute; top: -1000px;
	display: block;
	background-color: #000;
	color: #fff;
	padding: 5px;
	}
#prelude a:focus {position: absolute; top: 0;}
#prelude span {position: absolute; top: -1000px;}


/* Logo -------------------- */
#logo{margin-left: 19px;}
#logo img {
	width: 204px; height: 230px;
	overflow: hidden;
	background: url('../img/logo.png') no-repeat 0 0;
	font-size: 120%; font-weight: bold;
}
#accroche{
	margin:37px 0 26px 19px;
	width: 0; height: 28px;
	padding-left: 204px; overflow: hidden;
	background: url('../img/baseline.png') no-repeat 0 0;
	}
.en #accroche{background-image: url('../img/baseline_eng.png');}
/* Ariane -------------------- */
#ariane {
	position: absolute; top: 24px; left: 280px;
	font-size: 93%em;
	font-size: 77%;
	color:#B1B3B4;
}
#ariane a{color:#B1B3B4; font-weight: normal;}
#ariane a:hover{color:#302e31;}

/* Langue -------------------- */
#langue {
	position: absolute; top: 24px; left: 830px;
	font-size: 77%; text-align: right;
}
#langue a{color:#B1B3B4; font-weight: normal;}
#langue a:hover{color:#302e31;}

/* Navigation principale
--------------------------------------------------- */
#menu {margin-bottom:20px}
#menu ul, #menu li{ margin: 0; padding: 0;}

#menu li {}
#menu a {
	color: #000;
	font-size: 100%; text-transform: uppercase;
	line-height: 2.6em; height: 30px;
	}
#menu strong a {color:#b25f29}
#menu a:hover,#menu a:focus {color: #000; font-weight: bold;}
#menu ul ul{margin-left:11px;margin-bottom:5px}
#menu ul ul a{font-size: 80%;line-height:2em;height:25px;}
/* Navigation secondaire
--------------------------------------------------- */



/* Contenu
--------------------------------------------------- */
#content {
	width: 620px;
	min-height: 460px;
	margin-left: 50px;
	
	float: left;
	background-color: #b25f29;}
* html #content {margin-left: 17px;}

#content .intro {
	font-weight: bold;
	padding-bottom: .5em;
	}
	
/* Contenu principal : styles textes -------------------- */
#main{margin-top: 30px; margin-left: 20px;color:#fff;}
#main h1,#main h2, #main h3, #main h4, #main h5, #main h6, #main p, #main ul, #main ol {padding-bottom: .8em;}
#main h2, #main h3, #main h4, #main h5, #main h6 {margin-top: .5em;}
#main p, #main ul, #main ol {line-height: 1.5; font-size: 93%;}
#main h1 {
	color: #000;
	font-size: 182%;
	font-weight: normal;
}
#main h2 {
	color: #000;
	font-size: 131%;
	font-weight: bold;
	}
#main h3 {
	color: #000;
	font-size: 123%;
	font-weight: normal;
	}
#main h4, #main h5 {
	color: #000;
	font-size: 108%;
	font-weight: bold;
	padding-bottom: .4em;
}
#main h5{font-size: 100%; color: #FFF;}

#main li {margin-left: 2em;}
#main ul li {list-style: disc;}
#main ol li {list-style: decimal;}
#main a {
	color: #B1B3B4;
	border-bottom: 1px #B1B3B4 solid;
	}
#main a:hover, #main a:focus {
	color: #302e31;
	border-bottom: 1px #302e31 solid;
	}
#main img {}
#main #section {color: #C7386B; margin-bottom: .2em;}


/* Navigation secondaire
--------------------------------------------------- */
#nav {
	font-size: 93%;
	}
#nav ul ul {padding: 0 0 .8em 1em;}
#nav a {
	color: #87888A;
	display: block;
	padding: 0 0 5px .6em;
	background: url('../img/bg_nav.gif') no-repeat 0 4px;
	}
#nav ul ul a{background-position: 0 -25px;}
#nav a:hover {color: #F6A924;}
#nav .current {font-weight: bold; color: #5E5E5E; background-position: 0 -57px;}

/* Footer
--------------------------------------------------- */
#footer {
	position: relative;
	}
#footer .top {
	font-size: 77%; height: 15px;
}
#footer .top a {color: #5E5E5E}

#breadcrumbs {float: right; padding-top: 40px;}
#breadcrumbs ul{font-size: 77%; text-align: right; padding-right: 30px;}
#breadcrumbs li{display: inline;}
#breadcrumbs a{color: #FFF;	}
#breadcrumbs strong a{color: #B1B3B4; font-weight: bold;}
#breadcrumbs a:hover,#breadcrumbs a:focus{color: #B1B3B4;}

#adresse{}
#adresse h3{ font-size: 85%; font-weight: bold; padding-top: 15px; color: #000;text-transform:uppercase}
#adresse p{ font-size: 85%; text-transform: uppercase;	color: #1a171b;padding: 0;margin: 0; padding-bottom: 15px;}

/* SideBar
--------------------------------------------------- */
#sideBar {margin-top: 30px;}
#sideBar a {color: #000;}
#sideBar a:hover, #sideBar a:focus {color: #000; text-decoration: underline;}
#sideBar p,#sideBar ul, #sideBar ol { font-size: 85%; margin: 0 0 0.8em 0;}
#sideBar ul li, #sideBar ol li{}
#sideBar ul li {list-style: disc;}
#sideBar ol li {list-style: decimal;}

#sideBar h2{font-size:77%;text-transform:uppercase;}
#sideBar h3, #sideBar h4, #sideBar h5{line-height: 105%; color: #000;}
#sideBar h3{font-size:100%;}
#sideBar .encadre h2{margin: .5em 0;}
#sideBar h2 a, #sideBar h3 a{color:#000;}
#sideBar h3 {font-size: 100%; margin: .3em 0;font-weight:bold}
#sideBar h4 {font-size: 93%; margin: .3em 0;}
#sideBar h5 {font-size: 85%; margin: .3em 0; font-weight: bold;}
#sideBar .article{
	clear: both;
	margin: 10px 0 20px 0;
	color:#fff;
}

/* Sitemap
--------------------------------------------------- */
.section {margin-bottom: 10px;}
.section li {margin: 0; padding: 0;}
.section a {text-decoration: none!important; border: 0!important;}


/* Formulaires
--------------------------------------------------- */
form  {font-size: 93%;}
.input {
	margin-bottom: 1em;
	padding: 0 0 .8em 0;
	clear: both;
}
.text input, .imput textarea{border:#5E5E5E solid 1px;}
.input legend {font-weight: bold; margin-bottom: 0.8em; color: #333;}

#main .input.radio p{width: 20%;font-weight:bold;float:left;padding-bottom:0;}
.input.radio label {margin-right: 1em;margin-left: 0.5em;}
.input.radio input {vertical-align: middle;}
.input.text, .input.textarea {/*border-bottom: 1px #ccc solid;*/}
.input.text input, .input.textarea textarea {width: 78%; float: left;}
.input.textarea textarea {height: 150px;}
.input.text label, .input.textarea label {
	font-weight: bold;
	display: block;
	float: left;
	width: 20%;
	/*padding-right: 10px;*/
	}
.input:after{
	content:"-";
	display: block;
	clear: both;
	height: 0; overflow: hidden;
	font-size: 0; text-indent: -1000em;
}
.input .error-message {
	color: #78196F;
	float: left;
	width: 70%;
	padding-left: 20%;
	padding-top: .3em;
	}
.submit{padding: 0 0 0 20%;}
.submit input{border: 1px solid #5E5E5E; background-color: #fff; padding: 1px 3px;}
.submit input:hover{background-color:#F6A924;color: #000;}
#flashMessage {
	padding: .8em;
	color: #78196F;
	font-size: 93%;
	border: 1px #78196F solid;
	margin-bottom: 1em;
	}

/*
 Reference
*/

#main .ref_groupe h2{
	color:#fff;
	font-size:100%;
	padding-bottom:6px;
}

#main .ref_groupe ul{margin:0;padding:0;margin-bottom:15px;}
#main .ref_groupe ul li{list-style:none;margin:0;padding:0;background:url(/img/puce-ref.gif) no-repeat top left;padding-left:10px;}

#main .ref_groupe a{
	color:#fff;
	text-decoration:none;
	border:0;
}

#main .ref_groupe a:hover{
	text-decoration:underline;
}


/* Accessibilité
--------------------------------------------------- */
.hc {position: absolute; top: -1000em;}



/*
Styles JS
Utilisé avec la classe JS insérée en JS (body.js {} )
--------------------------------------------------- */
.js .hidden {display: none;}

/* Pagination sideBar -------------------- */

