@import url(http://fonts.googleapis.com/css?family=Cabin:400,500,600,700,400italic,500italic,600italic,700italic);



html
{
	font-size: 100%;
}



body{
	background-color: #f8ede2;
	width: 960px;
	margin:0px auto 20px auto;
	padding: 0;
	font-family: 'Cabin', sans-serif;
	font-weight: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

iframe{
	clear: left;
	padding: 30px 10px 0 20px;
}
#container{
height: 100%;
min-height: 1460px;
margin: 0;
padding: 0;
background-color: white;
}

body,a,a:hover{
	color: #111;
}

#nav		{
			width: 60em; /* 1000 */
			position: absolute;
			top: 200px;
			left: 50%;
			margin-left: -30em; /* 30 480 */
  			z-index:15;
		}
			#nav > a			{
				display: none;
			}

			#nav li			{
				position: relative;
			}
				#nav li a				{
					color: #fff;
					display: block;
				}


			/* first level */

			#nav > ul		{
				height: 46px;
				background-image: url(../img/bg_nav.jpg);
				background-repeat: repeat-x;
			}
				#nav > ul > li		{
					width: 20%;
					height: 100%;
					float: left;
				}
					#nav > ul > li > a					{
						height: 100%;
						font-size: 1.2em;
						line-height: 46px;
						text-align: center;
					}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
				background-image: url(../img/bg_nav_hover.jpg);
				background-repeat: repeat-x;
						}


				/* second level */

				#nav li ul
				{
					display: none;
					position: absolute;
					top: 100%;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
						text-align: center;
				background-image: url(../img/bg_nav.jpg);
				background-repeat: repeat-x;
				font-size: 1.2em;
							border-top: 1px solid white;
							padding: 0.55em; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
				background-image: url(../img/bg_nav_hover.jpg);
				background-repeat: repeat-x;
							}



h1, h2, h3, h4, h5, h6 {
	font-family: 'Cabin', sans-serif;
	font-weight:bold;
	padding: 0;
	margin: 0;
}
h1{
font-size: 2.3em;
	padding: 24px 0 0 30px;
	color: #f0f0f0;
	font-style: italic;
}
h2{
text-align: center;
	font-size: 1.5em;
	font-style: italic;
	margin: 4px 0 17px 0;
}
h3{
text-align: center;
	padding: 20px 0 20px 40px;
	font-size: 26px;
}
h4{
	margin: 10px auto 0 auto;
	font-size: 1.3em;
	font-style: oblique;
	text-align: center;
}
h5{
color: #e8e8e8;
	padding: 6px 0 0 34px;
	font-weight: normal;
	font-size: 1em;
	font-style: oblique;
}
#paragraphe h4{
	padding: 30px 0 50px 0px;
	font-size: 23px;
	font-style: oblique;
	text-align: center;
}
#paragraphe_imgG h4{
	padding: 30px 0 50px 0px;
	font-size: 23px;
	font-style: oblique;
	text-align: center;
}
#header {
	background-image: url(../img/header_1.jpg);
	height: 200px;
	width: 960px;
	margin: 0 auto;
}
#presentation {
background-color: #dddddd;
float: right;
overflow: auto;
min-height: 100%;
max-height: 100%;
width: 24%;
margin: 0;
padding: 40px 0 0 0;
  	z-index:10;
}

#actu {
		color: #fcfcfc;
		background-color: #54b0bf;
		overflow: auto;
		width: 100%;
		margin: 20px 0 0 0;
		padding:20px 16px 0px 16px;
}
#actu span{
		color: white;
}
#actu h4{
		padding-bottom: 20px;
}
#actu ul li{
		padding:0 0 20px 0;
}
#accueil {
display: inline-block;
width: 74%;
padding: 100px 50px 50px 50px;
}
#accueil img{
	float: left;
	padding: 0 20px 10px 20px;
}
#accueil p span{
font-size: 1.4em;
}
#accueil ul li{
line-height: 1.4em;
text-indent: 0.5em;
padding-bottom: 10px;
}
#accueil p{
display: inline-block;
text-indent: 0.5em;
font-size: 1.2em;
line-height: 1.4em;
vertical-align: top;
}
#accueil p.titre{
color: #b73d1d;
margin: 20px 0;
text-decoration: underline;
text-align: left;
	font-size: 1.2em;
	font-style: italic;
}
#accueil a{
text-decoration: underline;
}

#annonce_accueil {
width: 100%;
padding: 20px 20px;
border-width: medium;
border-style: solid;
border-color: coral;
margin: 20px 0px 30px 0px;
}
#annonce_accueil p{
display: inline-block;
text-indent: 1em;
text-align: justify;
font-size: 1.1em;
line-height: 1.2em;
vertical-align: top;
padding-bottom: 3px;
}
.para_atelier{
	text-indent: 0px;
	padding-left: 20px;
}
.para_atelier a{
	color: #378895;
}
p.imaG img{
	padding: 0px 20px 0px 0;
	float: left;
}
#paragraphe{
	text-indent: 1em;
	line-height: 1.4em;
	padding-bottom: 30px;
	vertical-align: top;
display: inline-block;
width: 75%;
padding: 70px 40px;
}
#paragraphe_imgG{
	text-indent: 1em;
	line-height: 1.4em;
	padding-bottom: 30px;
	vertical-align: top;
display: inline-block;
width: 75%;
padding: 70px 40px;
}
#paragraphe_imgG p{
	padding-bottom: 20px;
}
#paragraphe a{
text-decoration: underline;
}
#paragraphe p{
	padding-bottom: 20px;
}
#formation{
color: #fcfcfc;
	margin-top: 30px;
	padding: 20px 0 30px 0;
   background-color: #52aebd;
}
#formation p{
line-height: 1.6em;
padding: 0 50px;
text-indent: 0px;
font-size: 0.9em;
}
#formation p span{
font-size: 1.1em;
font-weight: bold;
}
#portrait{
padding: 30px 0 10px 0;
	text-align: center;
	font-weight: bold;
	line-height: 0.5em;
}
#portrait a{
text-decoration: underline;
color: #772009;
}
#portrait img{
padding: 10px 0 30px 0;
vertical-align: top;
}
#portrait p{
line-height: 22px;
	text-align: center;
font-size: 0.9em;
}
#portrait a:link{
font-weight: normal;
}
#portrait p:last-of-type{
font-weight: normal;
}

#portrait p span{
font-size: 16px;
font-weight: bold;
}
#reseaux{
		float: right;
		padding: 10px 62px 0px 0;
		overflow: hidden;
	}
#reseaux img{
		padding-right: 14px;
	}
.soustitre_atelier{
		background-color: #52aebd;
		color: #f8f8f8;
		font-size: 1.2em;
		padding: 6px 0px 0px 0px;
		margin: 20px 0;
	}
#paragraphe p.soustitre_atelier {
		padding-bottom: 7px;
	}
#txt_book1{
	display: inline-block;
	text-indent: 1em;
	line-height: 1.4em;
	padding: 90px 0 6px 20px;
	font-size: 1em;
	width: 42%;
}
#txt_book2{
	display: inline-block;
	text-indent: 1em;
	line-height: 1.4em;
	padding: 0px 0 30px 50px;
	font-size: 1em;
	width: 70%;
}
#txt_book2 p:last-of-type{
	text-align: center;
}
#txt_book2 p:last-of-type a{
	text-decoration: underline;
}
#txt_book1 p{
padding-bottom: 20px;
}
#txt_book2 p{
padding-bottom: 20px;
}
.book{
	clear: both;
	font-size: 1em;
}
.box_pub	{
			position:absolute;
			top:20%;
			left:30%;
			width:700px;
			height:550px;
			background-color: rgba(255,255,255,0.8);
			z-index:51;
			padding:10px;
			-moz-box-shadow:0px 0px 5px #333333;
			-webkit-box-shadow: 0px 0px 5px #333333;
			box-shadow:0px 0px 5px #333333;
			display:none;
		}
.lightbox_pub img{
			padding: 90px 20px 0 70px;
			vertical-align: top;
		}
#pub_content{
 				width:480px;
				height:300px;
 				overflow: hidden;
 		}
.pub {
 		margin: 20px 20px 0 50px;
 		float: left;
 			height: 130px;
 			width: 420px;
 			overflow: hidden;
 			padding: 0;
 		}
#pub_link {
 		margin: 20px 20px 0 0px;
 		text-indent: 0px;
}
#pub_link a{
	color: #378895;
}
#pub_link p span{
		display: block;
		font-size: 1.1em;
 		margin: 0px 0px 0px 10px;
 		padding-top: 30px;
}
#paragraphe #pub_link h4{
		padding: 0 0 0px 0;
	}
#paragraphe #pub_link ul li{
	padding-bottom: 12px;
	}
#pub_articles ul li{
	font-size: 0.9em;
line-height: 1.4em;
padding-bottom: 14px;
}
#pub_articles ul li span{
	font-size: 1.1em;
	color: #378895;
}
#pub_articles ul li a{
	color: #378895;
}
#txt_pub{
		padding: 360px 0 0 0px;
		width: 300px;
		text-align: center;
		color: #383838;
 		font-size: 20px;
 		float: right;
 		}
#content_pub a{
 		acolor: #383838;
 		text-decoration: underline;
 		}
.pub p span{
   		font-weight: bold;
 		}
#content_pub img{
padding: ;
 		}

.close{
		color: #383838;
			float:right;
			cursor:pointer;
			font-size: 1.2em;
		}
#infopub_min{
	display: none;
}
.video_1{
	padding: 34px 0;
}
#formulaire{
	display: inline-block;
	width: 65%;
	padding: 40px 0px 60px 100px;
	text-indent: 1em;
	line-height: 2em;
}
#introformulaire{
text-decoration: underline;
	line-height: 1.4em;
	padding: 90px 0 0 238px;
}
fieldset.champs {
	background-color: #c0e8ef;
	padding:30px 30px 30px 0;
	width:100%;
}
input, textarea, select {
	border: thin;
	border-color: black;
	border-style: inset;
	padding: 0;
	width: 250px;
	margin-left: 4px;
	}
#submit {
color: #f5f5f5;
margin-top: 30px;
margin-left: 45%;
border: none;
	cursor: pointer;
	width: 80px;
	height: 34px;
	border:1px solid #2e0031;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
	background-color: #249ab5;
	}
label {
	color: #222222;
}
label.opt {
	font-weight:normal;
}
dt {
	float:left;
	text-align:right;
	width:140px;
	line-height:25px;
	margin:0 10px 10px 0;
}
dd {
	float:left;
	width:240px;
	line-height:25px;
	margin:0 0 10px 0;
}
.copyright{
	height: 30px;
	width: 100%;
	line-height: 1em;
	abackground-color: #895E32;
	color: #f5f5f5;
	text-align: center;
	font-size: 0.8em;
	vertical-align: middle;
	background: #4096a1;
}
.copyright p{
	padding-top: 8px;
}
.ligne1{
display: inline-block;
	width: 610px;
	height: 50px;
	background-color: #52aebd;
	margin: 30px 0 30px 0;
}

#accueil p.accueil2 {
line-height: 1.4em;
text-indent: 1em;
	font-size: 1em;
padding-bottom: 10px;
}
#accueil p.accueil2 img{
padding: 30px 0 0px 140px;
}




@media only screen and ( max-width: 62.5em ) /* 1000 */
		{
			#nav
			{
				width: 100%;
				position: static;
				margin: 0;
			}
		}

		@media only screen and ( max-width: 45em ) /* 640 */
		{

	#accueil {
display: inline-block;
width: 50%;
padding: 100px 50px 50px 50px;
}
	#presentation {
float: left;
}
	#paragraphe_imgG,#paragraphe{
width: 50%;
}
	#txt_book2{
width: 40%;
}
	#txt_book1{
width: 20%;
}
	.copyright{
	width: 70%;
}
	iframe{
		padding-left: 0px;
	}
	#formulaire{
	width: 55%;
	padding: 40px 0px 60px 00px;
	text-indent: 1em;
	line-height: 2em;
}
	#nav > ul > li	a	{
					width: 200px;
				background-image: url(../img/bg_nav.jpg);
				}
	#nav > ul	{
					width: 200px;
				background-image: url(../img/bg_nav.jpg);
				}





			html
			{
				font-size: 100%; /* 12 */
			}

			#nav
			{
				position: relative;
				top: -82px;
				left: auto;
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #54b0bf;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						width: 200px;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
					#nav  li  ul  a
					{
						width: 200px;
					}
						#nav > ul > li:not( :last-child ) > a
						{
				background-image: url(../img/bg_nav.jpg);
				background-repeat: repeat-x;
							border-right: none;
							border-bottom: 1px solid #cc470d;
						}

				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding: 0;
				}
					#nav li ul a
						{
						width: 220px;
						text-align: left;
				background-image: url(../img/bg_nav.jpg);
				background-repeat: repeat-x;
				font-size: 1.2em;
							border-top: 1px solid white;
							padding: 0.55em; /* 15 (20) */
						}
		}