@charset "utf-8";
/* CSS Document */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

a {
	color:#356AA0;
	text-decoration:none;	
}

a:hover {
	/*color:#000000;*/
	color:#356AA0;
	text-decoration:underline;
}

html {
	background:url('img/background.gif') repeat-x top #fff;
	width:100%;
	height:500px;
	font-family:sans-serif, Verdana, Geneva;
}

/* HEADER */
/*********************/
#Header {
	width:900px;
	height:180px;
	margin:0 auto;
	color:#FFF;
	font-family:Georgia,"Times New Roman",Times,serif;
}

#Header p.nom {
	margin:80px auto auto /*480px*/30px;
	float:left;
	font-size:42px;
	border-bottom:#999 1px solid;
	padding-bottom:5px;
}
#Header p.nom:hover {
	border-bottom:#fff 1px solid;
}
#Header p.nom a {
	color:#fff;
	text-decoration:none;
}
#Header p.nom a span {
	/*color:#666;*/
	color:#999;
	font-size:30px;
}
#Header p.nom a:hover span {
	/*color:#fff;*/
}

#Header p {
	margin-top:5px;
}

#Header p strong {
	margin:20px auto auto 30px;
	color:#ccc;
}

#Page {
	width:900px;
	height:auto;
	min-height:550px;
	margin:0 auto;
	padding:0;
	/*border-left:#e3e3e3 2px solid;*/
	/*background:url('img/fond-content.gif') repeat-y left;*/
}

#EnTete {
	width:900px;
	height:42px;
	/*display:inline-block;*/
	margin:0;
	margin-left:2px;
	padding:0;
}
/* ie 7 */
* +html div#EnTete {
	margin-left:-13px;
}

#FilAriane {
	width:700px;
	height:42px;
	/*display:table-cell;*/
	display:inline-block;
	vertical-align:middle;
	color:#676767;
}

#FilAriane em {
	padding-left:12px;
	padding-right:12px;
	font-size:13px;
	font-style:normal;
	font-weight:bold;
	line-height:42px;
	background:#fff;
	display:table-cell;
	float:left;
}

#FilAriane h1 {
	display:inline;
	margin-left:15px;
	font-size:13px;
	display:table-cell;
	vertical-align:middle;
	line-height:42px;
}

#email-header {
	width:33px;
	height:23px;
	position:relative;
	float:right;
	margin-top:10px;
	margin-right:80px;
	background:url('img/email.gif') no-repeat;
	border:none;
	display:inline;
}


/* MENU */
/*********************/
#Menu {
	width:230px;
	float:right;
	/*margin: 20px auto auto 25px;*/
	margin:20px 20px auto auto;
}

.ElementMenu {
	width:230px;
	margin-top:20px;
	padding-bottom:15px;
	background:url('img/background-menu-off.gif') no-repeat bottom left /*#d3d3d3*/ #e0dfdf;
}

.ElementMenu h3 {
	width:220px;
	height:30px;
	background:url('img/background-menu-on.gif') no-repeat top left /*#d3d3d3*/ #e0dfdf;
	padding-top:10px;
	padding-left:10px;
	color:#fff;
	font-size:20px;
	clear:both;
}
/*.ElementMenu h3:hover {
	color:#436e75;
}*/

.ElementMenu p.menu {
	width:210px;
	height:20px;
	background:url('img/background-menu-on.gif') no-repeat top left #d3d3d3;
	padding-left:10px;
	color:#fff;
	font-size:18px;
	clear:both;
}



.ElementMenu ul {
	list-style:none;
	/*margin-left:20px;*/
}

.ElementMenu ul li a {
	font-size:13px;
	color:#424758;
	font-weight:bold;
	text-decoration:none;
	padding-left:21px;
}

.ElementMenu ul li a:hover {
	text-decoration:underline;
	padding-left:21px;
	background:url('img/fleche-menu-hover.gif') no-repeat 5px 2px;
}

.ElementMenu2 {
	width:230px;
	height:150px;
	margin-top:35px;
	padding-bottom:15px;
	background:url('img/background-menu-realisation.gif') no-repeat;
	/*border-left:3px solid #d3d3d3;
	border-right:3px solid #d3d3d3;*/
}


.ElementMenu2 p {
	font-size:12px;
	text-align:center;
}


#Content {
	width:595px;
	min-height:900px;
	float:left;
	padding:20px 25px 5px 0;
	border-right:#e3e3e3 2px solid;
	border-left:#e3e3e3 2px solid;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:1.3;
}

/* ie 6 */
* html div#content {padding-top:20px;}

#Content img {
	padding:8px;
}

#Content h1 {
	font-size:20px;
	margin-bottom:0px;
	padding-bottom:20px;
	background:url('img/barre-titre.jpg') no-repeat left bottom;
}

#Content h2 {
	font-size:18px;
	color:#265664;
	font-family:Georgia, "Times New Roman", Times, serif;
	
	background:url('img/bouton-h2.gif') no-repeat 0 6px;
	padding-left:15px;
}

#Content h3 {
	font-size:13px;
	font-weight:bold;
	color:#838383;
}

#Content a img {
	margin:0;
	border:none;
}

#Content p {
	margin-top:13px;
	margin-bottom:13px;
	font-size:14px;
}

#Content strong {
	color:#333;
}
.formation-img {
	float:right;
	/*width:95px;*/
	margin-top:-55px;
}

.details {
	font-size:12px;
	color:#666666;
}

.sommaire li {
	list-style:outside;
	list-style-image:url('img/puce-content.jpg');
	margin-left:20px;
	padding-bottom:5px !important;
}

#Content li {
	list-style:outside;
	list-style-image:url('img/puce-content.jpg');
	margin-left:50px;
	padding-bottom:10px;
}
/* ie 7 */
* +html div#content li {
	padding-left:5px;
}

.plan-site {
	list-style:none;
}

#photo-adrien-garry {
	float:right;
	width:91px;
	margin:-35px 80px auto auto;
	padding:0 !important;
}

/*BLOG*/
#blog {
}

.post {
	background:url('img/fond-post.gif') no-repeat center bottom;
	padding:15px 15px 25px 40px;
	margin-bottom:15px;
}

#blog h2 {
	margin-bottom:20px;
	padding-left:60px;
	padding-bottom:0;
	color:#df5723;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:left;
	height:50px;
	display:table-cell;
	vertical-align:middle;
}

#blog h2.news {
	background:url('img/logo-news.jpg');
	background-repeat:no-repeat;
}

#blog h2.liens-utiles {
	background:url('img/logo-liens-utiles.jpg');
	background-repeat:no-repeat;
}

#blog h3 {
	background:url('img/bouton-h2.gif') no-repeat 0 6px;
	padding-left:15px;
}

.date {
	font-style:italic;
	font-size:13px;
	margin:10px 180px auto 10px;
	border-bottom:#999999 solid 1px;
	color:#666666;
}



.post hr {
	width:250px;
	margin-left:0;
	text-align:left;
}

.separateur {
	background-image:url('img/fin-post.jpg');
	background-repeat:no-repeat;
	width:480px;
	height:10px;
	margin:20px auto 40px auto;
}

/*FIN BLOG*/

.lien-top {
	text-align:right;
	margin-top:-10px;
	margin-right:20px;
	margin-bottom:10px;
	float:right;
	width:100px;
	color:#356AA0;
	text-decoration:none;	
}


/* FOOTER */
/*********************/
#Footer {
	width:100%;
	height:230px;
	margin-top:/*-20px*/0;
	/*background:#e7e6db;*/
	background:#656565;
	clear:both;
}

#Menu-Footer {
	/*width:900px;*/
	width:880px;;
	margin:20px auto 0 auto;
}

.ElementMenuFooter {
	min-width:120px;
	margin-right:60px;
	float:left;
	margin-top:50px;
}

.ElementMenuFooter h3 {
	/*text-transform:uppercase;*/
	/*color:#343434;*/
	color:#b7b7b7;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:20px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:#b7b7b7 3px solid;
}

.ElementMenuFooter ul {
	list-style:none;
}

.ElementMenuFooter ul li {
}

.ElementMenuFooter ul li a {
	/*color:#787878;*/
	color:#b7b7b7;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	font-family:Georgia,"Times New Roman",Times,serif;
}
.ElementMenuFooter ul li a:hover {
	/*color:#343434;*/
	color:#FFF;
	text-decoration:underline;
}

#FooterBottom {
	width:800px;
	/*margin-top:10px;*/
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
}
#FooterBottom p {
	width:100%;
	margin:0;
	text-align:right;
	font-size:12px;
	color:#666;
	font-style:italic;
}