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

body {

	font-family      : Verdana, Arial, Helvetica, sans-serif;
	font-size        : 12px;
	color            : #8b8b8b;
	background-color: #efefef;
}

td {
	text-align: left;
	vertical-align: top;
}

table.t1 {
	background-color: #ffffff;
	margin-left: auto; 
	margin-right: auto;
		width:718px;
}

table.t13 {
	margin-left: auto; 
	margin-right: auto;
	width:100%;
}

td.t2 {
	background-image: url(images/haut.jpg);
	background-repeat: no-repeat;
	width:718px;
	height:25px;
}

td.t3 {
	background-image: url(images/gauche.jpg);
	background-repeat: repeat-y;
	width:9px;
}

td.t4 {
	background-image: url(images/droite.jpg);
	background-repeat: repeat-y;
	width:10px;
}

td.t5 {
	background-image: url(images/bas.jpg);
	background-repeat: no-repeat;
	width:718px;
	height:25px;
}

td.t6 {
	width:679px;
}

td.t7 {
	width:10px;
}

td.t8 {
	width:305px;
}

td.t9 {
	width:30px;
	background-image: url(images/point_gris.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

td.t10 {
	width:50%;
	height: 64px;
	background-image: url(images/infographiste.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: right;
}

td.t11 {
	width:50%;
	background-image: url(images/webmaster.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

td12 {
	text-align: center;
}

div.centre {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.photo {
	background-image: url(images/Photos-Identite.jpg);
	background-repeat: no-repeat;
	height: 342px;
	width: 258px;
	position: relative;
	float: right;
}

div.gauche {
	height: 342px;
	width: 410px;
	position: relative;
	float: left;
}

div.titre {
	height: 247px;
	width: 390px;
	position: relative;
	float: left;
	padding-left: 20px;
}

div.courbe {
	background-image: url(images/courbe_gauche.jpg);
	background-repeat: no-repeat;
	height: 95px;
	width: 421px;
	position: relative;
	float: left;
}

div.contenu {
	width: 639px;
	background-color: #97c812;
	position: relative;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
}

H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-align: justify;
	padding-bottom: 10px;
	margin: 0px;
}


H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	white-space: normal;
	padding: 0px;
	margin: 0px;
}

H2 {
	color: #97c812;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	white-space: normal;
	padding: 0px;
	margin: 0px;
}

.petit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	white-space: normal;
	padding-bottom: 5px;
	padding-top: 10px;
	margin: 0px;
}

H5 {
	color: #c7ea6b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	text-align: justify;
	font-style: normal;
	line-height: normal;
	white-space: normal;
}

.blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
}

.gris14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	white-space: normal;
	}
	
.jaune14 {
	color: #ffea00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	white-space: normal;
	}