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

html {
	height:100%;
}

body {
	background-color:#393939;
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#393939;
}

img {
	border:0;
}

/* ----------------------------- */
/* ----------- TEXTE ----------- */
/* ----------------------------- */

.titres {
	font-size:14px;
}

.news_dates {
	color:#7fc4e6;
}

.lien_mauve a {
	color:#a542a0;
	text-decoration:underline;
}

.lien_mauve a:hover {
	color:#b55aa2;
	text-decoration:none;
}

/* ----------------------------- */
/* ---------- GLOBAL ----------- */
/* ----------------------------- */

.lien_droit {
	text-align:right;
	width:100%;
	margin:0;
	padding:0;
}

div#template {
	width:1030px;
	margin-left: auto ;
	margin-right: auto ;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-y;
}

div#page {
	float:left;
	width:990px;
	min-height:789px;
	background-color:#FFF;
	margin-left: 19px ;
	padding-bottom:15px;
}

div#haut {
	width:100%;
	height:96px;
	background-image:url(../images/banniere.gif);
	background-position:right;
	background-repeat:no-repeat;
}

div#menu {
	float:left;
	width:169px;
	height:76px;
	padding: 10px 0px 10px 10px;
	background-color:#FFF;
}

div#menu_realisations {
	height:13px;
	margin-bottom:8px;
	
}
div#menu_profil {
	height:13px;
	margin-bottom:8px;
	
}
div#menu_contact {
	height:13px;
	margin-bottom:8px;
	
}
div#menu_accueil {
	height:13px;
}

div#banniere {
	float:left;
	width:730px;
	height:96px;
	margin:0px 0px 0px 80px;
	padding:0;
}

div#barre_raye {
	width:100%;
	height:23px;
	border-top:1px solid #d9dadc;
	border-bottom:1px solid #d9dadc;
	background-image:url(../images/barre_raye.gif);
	background-repeat:repeat;
}

div#contenu {
	width:100%;
}

.ligne_mauve {
	width:100%;
	height:1px;
	background-color:#a542a0;
	margin-bottom:9px;
}

/* ----------------------------- */
/* ---------- ACCUEIL ---------- */
/* ----------------------------- */

div#teaser {	
	width:957px;
	height:252px;
	background-color:#FFF;
	border: 1px solid #d9dadc;
	margin:15px 15px 0px 15px;
	padding-top:1px;
	padding-left:1px;
}

div#accueil_gauche {
	float:left;
	width:331px;
	margin:12px 0px 0px 15px;
}

div#accueil_droite {
	float:left;
	width:614px;
	margin:12px 0px 0px 14px;
}

div#news {
	width:331px;
	margin-bottom:6px;
	text-align:left;
}

div#news ul {
	list-style:none;
	margin:0;
	padding:0;
}

div#bienvenue {
	float:left;
	width:614px;
	text-align:left;
}

div#bienvenue p{
	line-height:15px;
	margin:0;
	padding:0;
	text-align:justify;
}

div#bienvenue img {
	margin-top:15px;
}

div#derniers_projets {
	width:331px;
	text-align:left;
}

div#derniers_projets ul {
	list-style:none;
	margin:0;
	padding:6px 0px 0px 0px;
	
}

div#derniers_projets li {
	height:85px;
}

.derniers_projets_images {	
	width:329px;
	height:71px;
	background-color:#FFF;
	border: 1px solid #d9dadc;
	padding-top:1px;
	padding-left:1px;
}

/* ----------------------------- */
/* ------- REALISATIONS -------- */
/* ----------------------------- */

div#realisations_gauche {
	float:left;
	width:331px;
	margin:12px 0px 0px 15px;
}

div#realisations_droite {
	float:left;
	width:614px;
	margin:28px 0px 0px 14px;
}

div#projets {
	width:331px;
	margin-bottom:6px;
	text-align:left;
}

div#projets ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

.projets_off a{
	background:url(../images/liste_boulet_off.gif) center left no-repeat;
	text-decoration:none;
	color:#393939;
	padding-left:10px;
}
.projets_off a:hover{
	background:url(../images/liste_boulet_on.gif) center left no-repeat;
	color:#a542a0;
	padding-left:10px;
}

.projets_on {
	background:url(../images/liste_boulet_on.gif) center left no-repeat;
	padding-left:10px;
	color:#a542a0;
}

div#clients {
	width:331px;
	text-align:left;
}

div#clients ul {
	list-style:none;
	margin:0;
	padding:0;
}

div#clients li {
	height:17px;
}

div#projets_box {
	width:611px;
	height:399px;
	border: 1px solid #d9dadc;
	padding-top:1px;
	padding-left:1px;
}

div#projets_nav {
	width:614px;
	padding:0;
	margin:10px 0px 0px 0px;
}

div#projets_fleche_g {
	float:left;
	width:15px;
	padding:0;
	margin:0;
}

div#projets_nav_centre {
	float:left;
	width:554px;
	text-align:center;
	padding:0;
	margin:0px 15px 0px 15px;
}

div#projets_nav_centre img{
	padding:0;
	margin:0px 5px 0px 5px;
}

div#projets_fleche_d {
	float:left;
	width:15px;
	padding:0;
	margin:0;
}

div#url_projet {
	clear:both;
	padding:10px 0px 0px 0px;;
	margin:0
}
/* ----------------------------- */
/* ----------- PROFIL ---------- */
/* ----------------------------- */

div#services_offerts,div#vocation,div#competences,div#coordonnees {
	float:left;
	width:310px;
	margin:12px 0px 0px 15px;
	text-align:left;
}

div#services_offerts ul,div#vocation ul,div#competences ul{
	list-style:none;
	margin:0;
	padding:0;
}

div#vocation li{
	background:url(../images/liste_boulet_off.gif) center left no-repeat;
	text-decoration:none;
	padding-left:10px;
}

div#competences li{
	background:url(../images/liste_boulet_off.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	text-decoration:none;
	padding-left:10px;	
}

.liste_niveau1{
	background:url(../images/liste_boulet_off.gif) center left no-repeat;
	text-decoration:none;
	padding-left:10px;
}

li.liste_niveau2{
	background:url(../images/liste_trait.gif);
	background-position:0px 7px;
	background-repeat:no-repeat;
	text-decoration:none;
	padding-left:10px;	
}

div#services_offerts p,div#vocation p,div#competences p{
	line-height:15px;
	margin:0;
	padding:0;
	text-align:justify;
}

div#competences img {
	margin-top:10px;
}

/* ----------------------------- */
/* ---------- CONTACT ---------- */
/* ----------------------------- */

div#coordonnees p{
	line-height:15px;
	margin:0;
	padding:0;
	text-align:justify;
}

div#reseaux_socials_gauche {
	float:left;
	margin:0;
	padding:0;
}

div#reseaux_socials_droite {
	float:left;
	margin:0px 0px 0px 15px;
	padding:0;
}


div#reseaux_socials {
	float:left;
	width:635px;
	margin:12px 0px 0px 15px;
	text-align:left;
}

div#reseaux_socials ul {
	list-style:none;
	margin:0;
	padding:0;
	
}

div#reseaux_socials li {
	height:70px;
}

.reseaux_socials_images {	
	width:307px;
	height:56px;
	background-color:#FFF;
	border: 1px solid #d9dadc;
	padding-top:1px;
	padding-left:1px;
}

/* ----------------------------- */
/* ---------- FOOTER ----------- */
/* ----------------------------- */

div#footer {
	clear:both;
	width:990px;
	height:23px;
	color:#393939;
	font-size:10px;
	border-top:1px solid #d9dadc;
	border-bottom:1px solid #d9dadc;
	background-image:url(../images/barre_raye.gif);
	background-repeat:repeat;
	margin-left: 19px ;
}