@charset "iso-8859-1";
/* CSS Document */

body {
	margin:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#site {
	margin:auto;
	width :894px;
}

#header {
	height:99px;
}
#bouton {
	width:110px;
	float:left;
	margin :61px 0 0 3px;
}
#onglet_droite {
	position:relative;
	margin-left:650px;
}
#header .pointille {
	position:relative;
	top:-34px;
	left:118px;
}

#menu {
	height:73px;
}
#menu .pointille{
	margin-left:7px;
}
.imgLink {
	border:0px;
}

img {
	border:0px;
}
/* ####################################################################### */
/*    ------------------ DETECTION ----------------------------------- */
#corps {
	background-image:url(../img/background/background_corps.png);
}
#corps .pointille {
	position:relative;
	top:-15px;
	left:8px;
}
#cg_h {
	height:17px;	
}
#cg_r {
	margin:0px;
	background-image:url(../img/partie_gauche/repeat.png);
	background-repeat:repeat-y;
	min-height:250px;
}
#cg_r h1 {
	margin:0px;
	font-size:30px;
	color: #454545;
	margin :0 0 12px 20px;
}
#cg_r h2 {
	margin:0px;
	font-size:12px;
	color: #454545;
	margin :-10px 0 0px 20px;
}

#cg_r p{
	margin:0 0 0 20px;
	padding-bottom:15px;
	width:540px;
	text-align:justify;
	font-size:12px;
}

#cg_r p img {
	float:left;
	margin-top:15px;
	margin-right:15px;
}

#corps_gauche {	
	width:597px;
	float:left;
}

#corps_gauche .imgEntete {
	margin-left:4px;	
}

#corps_droite {
	width:275px;
	float:left;
	margin-left:2px;
	margin-left:13px;
}

.imgPresentation {
	float:left;	
}
.presNews {

}
.listNews {
	margin-bottom:10px;	
}

.txtNews {
	float:left;
	width:205px;
}

.ligne1 {
	margin-top:-5px;
}
/* ------------------------ */
#detection #mod_portfolio .ligne1 h1 {
	float:left;
	margin:0 0 0 5px;
	color:#556414;
	font-size:14px;
	width:160px;
}
#detection #mod_news .ligne1 h1 {
	float:left;
	margin:0 0 0 5px;
	color:#556414;
	font-size:14px;
	width:160px;
}
#detection .ligne1 .date {
	margin:0px;
	font-size:12px;
	color:#8ea60e;
}
/* ---------------------- */
#derivation #mod_portfolio .ligne1 h1 {
	float:left;
	margin:0 0 0 5px;
	color:#237ca7;
	font-size:14px;
	width:160px;
}
#derivation #mod_news .ligne1 h1 {
	float:left;
	margin:0 0 0 5px;
	color:#237ca7;
	font-size:14px;
	width:160px;
	text-transform:uppercase;
}
#derivation .ligne1 .date {
	margin:0px;
	font-size:12px;
	color:#0fb3ef;
}
/* ------------------- */ 
#reseaux #mod_portfolio .ligne1 h1 {
	float:left;
	margin:0 0 0 5px;
	color:#552f77;
	font-size:14px;
	width:160px;
}
#reseaux #mod_news .ligne1 h1 {
	float:left;
	margin:0 0 0 5px;
	color:#552f77;
	font-size:14px;
	width:160px;
	text-transform:uppercase;
}
#reseaux .ligne1 .date {
	margin:0px;
	font-size:12px;
	color:#8839a0;
}
/* ---------------------- */

.intituleNews {
	margin:3px 0 0 5px;	
	font-size:12px;
	width:200px;
}

.separateur {
	margin-top:0px;
	margin-left:3px;
}

.titreModule {
	margin-top:-3px;
	margin-bottom:5px;
	border:0px;
}

#corps_photo {
	clear:both;
	width:894px;
	/*text-align:center;*/
}
.fermeture_site {
	margin-left:0px;
}
.fermeture_site2 {
	margin-left:38px;	
}
.fermeture_site3 {
	margin-left:38px;	
}

.cp_img1 {
	margin-left:5px;	
}
.cp_img2 {
	margin-left:27px;
	margin-right: 27px;
}


#footer {
	color:#959595;
	font-size:12px;
	text-align:center;
}
#footer p {
	width:894px;
	margin-left:-10px;
}
#footer span {
	font-size:24px;
	width:894px;
	margin-left:10px;
}


/* ########################################################## */ 
/* 		--------------- INDEX -------------------- */
#corps1 {
	float:left;
	width:297px;
}
#corps2 {
	float:left;
	width:297px;
}
#corps3 {
	float:left;	
	width:297px;
}

.txtIntroduction {
	color:#4a4a4a;	
}
.txtIntroduction p {
	font-size:12px;	
	width:287px;
	text-align:justify;
}


#news_detect {
	float:left;
	margin-left:5px;
	width:297px;
	text-align:left;
	color:#000;
}

#mod_newsDetect {
	float:left;
	margin-left:5px;
	width:273px;
	text-align:left;
	background-image:url(../img/background/backgroundVert.png);
	background-repeat:no-repeat;
}

/* ######################################################### */
/* ------------------------- NEWS -------------------------- */

/* *** DETECTION *** */
.article_news {
	background-image:url(../img/background/zone_news.png);
	width:853px;
	height:62px;
}
.newsPresGauche {
	float:left;	
}
.newsImgPres {
	border-width:2px;
	border-color:#CCC;
	border-style:solid;
	float:left;
	margin-left:5px;
	margin-top:7px;
}
.news_zoneTxt {
	float:left;	
	width:740px;
	margin-left:10px;
	margin-top:-18px;
}
.news_zoneTxt h1 a{
	float:left;
	margin:0px;
	font-size:14px;
	color:#556414;
	text-decoration:none;
}
.newsDate {
	float:left;	
	font-size:12px;
	margin:0px 5px 5px 5px;
	margin-left:8px;
	color:#8ea60e;
}
.newsMsg {
	clear:both;
	color : #454545;
	font-size:12px;
	width:740px;
	height:34px;
	overflow:auto;
}

/* *** RESEAUX *** */
#reseaux_portfolio .article_news {
	background-image:url(../img/background/zone_news.png);
	width:853px;
	height:62px;
}
#reseaux_portfolio .newsPresGauche {
	float:left;	
}
#reseaux_portfolio .newsImgPres {
	border-width:2px;
	border-color:#CCC;
	border-style:solid;
	float:left;
	margin-left:5px;
	margin-top:7px;
}
#reseaux_portfolio .news_zoneTxt {
	float:left;	
	width:740px;
	margin-left:10px;
	margin-top:-18px;
}
#reseaux_portfolio .news_zoneTxt h1 a{
	float:left;
	margin:0px;
	font-size:14px;
	color:#552F77;
	text-decoration:none;
}
#reseaux_portfolio .newsDate {
	float:left;	
	font-size:12px;
	margin:0px 5px 5px 5px;
	margin-left:8px;
	color:#8839A0;
}
#reseaux_portfolio .newsMsg {
	clear:both;
	color : #454545;
	font-size:12px;
	width:740px;
	height:34px;
	overflow:auto;
}

/* *** DERIVATION *** */
#derivation_portfolio .article_news {
	background-image:url(../img/background/zone_news.png);
	width:853px;
	height:62px;
}
#derivation_portfolio .newsPresGauche {
	float:left;	
}
#derivation_portfolio .newsImgPres {
	border-width:2px;
	border-color:#CCC;
	border-style:solid;
	float:left;
	margin-left:5px;
	margin-top:7px;
}
#derivation_portfolio .news_zoneTxt {
	float:left;	
	width:740px;
	margin-left:10px;
	margin-top:-18px;
}
#derivation_portfolio .news_zoneTxt h1 a{
	float:left;
	margin:0px;
	font-size:14px;
	color:#237CA7;
	text-decoration:none;
}
#derivation_portfolio .newsDate {
	float:left;	
	font-size:12px;
	margin:0px 5px 5px 5px;
	margin-left:8px;
	color:#52bdf1;
}
#derivation_portfolio .newsMsg {
	clear:both;
	color : #454545;
	font-size:12px;
	width:740px;
	height:34px;
	overflow:auto;
}

/* ########################################################## */
/* ------------------------ PORTFOLIO ----------------------- */
.imgDefil {
	margin-top:-8px;
}
.portfolioPresGauche {
	float:left;	
}
.portfolioImgPres {
	border-width:3px;
	border-color:#CCC;
	border-style:solid;
	float:left;
	margin-left:5px;
}
.portolio_zoneTxt {
	float:left;	
	margin-left:30px;
	width:560px;
	max-height:140px;
}
.portolio_zoneTxt h1 a, .portolio_zoneTxt h1{
	color : #556414;
	font-size : 14px;
	float:left;
	margin:5px 0 0 0;
	text-decoration:none;
}
.portfolioDate {
	float:left;	
	font-size:12px;
	margin:5px;
	margin-left:8px;
	color:#8ea60e;
}

.portfolioMsg {
	margin-top:40px;
	color : #454545;
	font-size:12px;
	width:560px;
	height:100px;
	overflow:auto;
}

.h1_portfolio {
	color:#454545;
	font-size:30px;
	margin-left:12px;
}
.description {
	margin-left:20px;
	width:850px;
}

/* ########################################################## */
/* ---------------- DETECTION PORTFOLIO ----------------- */
.news_coinDroite {
	float:right;	
	margin-right :8px;
	margin-top:-19px;
}


#detection_portfolio #corps, #derivation_portfolio #corps, #reseaux_portfolio #corps{
	background-image:url(../img/background/background_corpsLong.png);
}


#detection #corps #cg_r h1 {
	font-size:30px;
	color:#454545;
}

#detection_portfolio #corps .barre_defil {
	background-image:url(../img/detection/barre_defilement.png);
	width:850px;
	height:18px;
	text-align:center;
}
#fermeture{
	background-image:url(../img/background/backgroundPortfolio.png);
	width:894px;
	height:13px;
	margin:0px;
}
/* ---------------------------------------------------------- */

.list_portfolio {
	padding-left:22px;
}
.list_portfolio .liste_photo {
	margin-left:26px;	
}
.list_portfolio .liste_photo .photo{
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	border-width:1px;
	border-color:#666;
}
.list_portfolio .liste_photo img{
	border:0px;
}

.list_portfolio .close {
	clear:both;
}

.pointille878 {
	position:relative;
	left:-15px;
	top:-6px;
}

.article_portfolio {
	background-image:url(../img/background/zone_portfolio.png);
	width:853px;
	height:149px;
}
.barre_defil {
	margin-bottom:20px;	
	margin-left:20px;
}

.barre_defil img{
	border:0px;
}
/* ########################################################## */
/* ---------------- DERIVATION PORTFOLIO ----------------- */
#derivation_portfolio #corps .barre_defil {
	background-image:url(../img/derivation/barre_defil.png);
	width:850px;
	height:18px;
	text-align:center;
}
#derivation_portfolio .portolio_zoneTxt {
	float:left;	
	margin-left:30px;
}
#derivation_portfolio .portolio_zoneTxt h1 a, #derivation_portfolio .portolio_zoneTxt h1{
	color : #237ca7;
	font-size : 14px;
	float:left;
	margin:5px 0 0 0;
	text-decoration:none;
}
#derivation_portfolio .portfolioDate {
	float:left;	
	font-size:12px;
	margin:5px;
	margin-left:8px;
	color:#0fb3ef;
}
#derivation_portfolio .portfolioMsg {
	margin-top:40px;
	color : #454545;
	font-size:12px;
	width:560px;
	height:100px;
	overflow:auto;
}

#derivation_portfolio .fermeture_site1 {
	margin-left:5px;
}
#derivation_portfolio .fermeture {
	background-image:url(../img/background/backgroundPortfolio.png);
	width:894px;
	height:13px;
	margin:0px;
}
/* ########################################################## */
/* ---------------- RESEAUX PORTFOLIO ----------------- */
#reseaux_portfolio #corps .barre_defil {
	background-image:url(../img/reseaux/barre_defil.png);
	width:850px;
	height:18px;
	text-align:center;
}
#reseaux_portfolio .portolio_zoneTxt {
	float:left;	
	margin-left:30px;
}
#reseaux_portfolio .portolio_zoneTxt h1 a, #reseaux_portfolio .portolio_zoneTxt h1{
	color : #552f77;
	font-size : 14px;
	float:left;
	margin:5px 0 0 0;
	text-decoration:none;
}
#reseaux_portfolio .portfolioDate {
	float:left;	
	font-size:12px;
	margin:5px;
	margin-left:8px;
	color:#8839a0;
}
#reseaux_portfolio .portfolioMsg {
	margin-top:40px;
	color : #454545;
	font-size:12px;
	width:560px;
	height:100px;
	overflow:auto;
}
#reseaux_portfolio .fermeture {
	background-image:url(../img/background/backgroundPortfolio.png);
	width:894px;
	height:13px;
	margin:0px;
}

/* ############################################### */
/* --------------------- TABLEAU LISTE DES NEWS ------------------ */
.pointilleList {
	position:relative;
	top:-35px;	
}

.tabList {
	width:270px;
	height:65px;
	margin-bottom:-13px;
	border-collapse:collapse;
}
.tabListSuite {
	width:270px;
	position:relative;
	top:-20px;	
}
.tdImage {
	width:3px;
	text-align:left;
}
.tdTexte {
	font-size:12px;
	padding-left:3px;
}
.texte{
	clear:both;
	margin-top:10px;
}
.tdSeparator {
	background-color:#93F;
	height:3px;
}

/* ---------------------------- */
/*#detection table, #reseaux table, #derivation table{
	margin:0px;	
}*/

/* ---------------------------------------------- */
/*
#detection #corps #mod_news .tabList .tdTexte h1{
	color:#556414;	
	margin:0px;
	font-size:14px;
	float:left;
	text-transform:uppercase;
	width:160px;
}
#detection #corps_droite #mod_news .tabList .tdTexte .date{
	color:#40990e;
	margin:0px;
	font-size:12px;
}
#detection #corps #mod_portfolio .tabList .tdTexte h1{
	color:#556414;	
	margin:0px;
	font-size:14px;
	float:left;
	text-transform:uppercase;
	width:160px;
}
#detection #corps_droite #mod_portfolio .tabList .tdTexte .date{
	color:#40990e;
	margin:0px;
	font-size:12px;
}*/

.tdTexte h1 a{
	/*color:#0c3c42;	
	margin:0px;
	font-size:14px;
	float:left;
	text-transform:uppercase;
	width:160px;*/
	text-decoration:none;
}
.tdTexte .date{
	color:#03adda;
	margin:0px;
	font-size:12px;
}

/* ------------------- */
#detection #corps #mod_news .tabList .tdTexte h1 a{
	color:#556414;	
	margin:0px;
	font-size:12px;
	float:left;
	text-transform:uppercase;
	width:200px;
	margin-top:-26px;
}
#detection #corps_droite #mod_news .tabList .date{
	color:#40990e;
	margin:0px;
	font-size:12px;
	text-align:left;
}

#detection #corps_droite #mod_portfolio .tabList .date{
	color:#40990e;
	font-size:12px;
	text-align:left;
}

#detection #corps_droite #mod_portfolio .tabList .tdImage{	
}
#detection #corps_droite #mod_portfolio .tabList .tdDate {
	color:#40990e;
	margin:0px;
	font-size:12px;
}
#detection #corps_droite #mod_portfolio .tabList .tdTexte {
	color:#000;
	margin:0px;
	font-size:12px;
}
#detection #corps_droite #mod_portfolio .tabList .tdTexte h1, #detection #corps_droite #mod_portfolio .tabList .tdTexte h1 a{
	margin:-4px 0 0  0;
	font-size:12px;
	color:#556414;
}



/*#detection #corps_droite #mod_portfolio .tabList .tdTexte .texte {
	color:#40990e;
	margin:0px;
	font-size:12px;
	background-color:#06F;
}*/

/* ------------------- */
#reseaux #corps #mod_news .tabList .tdTexte h1 a{
	color:#552f77;	
	margin:0px;
	font-size:14px;
	float:left;
	text-transform:uppercase;
	width:200px;
	margin-top:-26px;
}
#reseaux #corps_droite #mod_news .tabList .date{
	color:#8839a0;
	margin:0px;
	font-size:12px;
	text-align:center;
}
#reseaux #corps #mod_portfolio .tabList .tdTexte h1 a{
	color:#552f77;	
	margin:0px;
	font-size:14px;
	float:left;
	text-transform:uppercase;
	width:200px;
}
#reseaux #corps_droite #mod_portfolio .tabList .date{
	color:#8839a0;
	margin:0px;
	font-size:12px;
	text-align:center;
}

/* ------------------ */
#derivation #corps #mod_news .tabList .tdTexte h1 a{
	color:#237ca7;	
	margin:0px;
	font-size:14px;
	float:left;
	text-transform:uppercase;
	width:200px;
}
#derivation #corps_droite #mod_news .tabList .date{
	color:#0fb3ef;
	margin:0px;
	font-size:12px;
	text-align:center;
}
#derivation #corps #mod_portfolio .tabList .tdTexte h1 a{
	color:#237ca7;	
	margin:0px;
	font-size:14px;
	float:left;
	text-transform:uppercase;
	width:200px;
}
#derivation #corps_droite #mod_portfolio .tabList .date{
	color:#0fb3ef;
	margin:0px;
	font-size:12px;
	text-align:center;
}

#mod_news .divList {
	margin-top:0px;
	margin-bottom:15px;
}
#mod_portfolio .divList {
	margin-top:-8px;
}


/* ################################### */
/* DIV news */
/* ################################### */

/* --- detection --- */
#detection #corps_droite #mod_news .container{
}
#detection #corps_droite #mod_news .container .ssContainerImg{
	float:left;
	width:66px;
	height:44px;margin-top:8px;
}
#detection #corps_droite #mod_news .container .zoneTexte{
	float:right;
	margin-top:0px;
	margin-right:5px;
	width:200px;
}
#detection #corps_droite #mod_news .container .zoneTexte .pDate{
	color:#40990e;
	font-size:12px;
	margin:0 0 3px 0;
}
#detection #corps_droite #mod_news .container .zoneTexte h1, #detection #corps_droite #mod_news .container .zoneTexte h1 a{
	color:#556414;
	margin:0px;
	font-size:12px;
	text-decoration:none;
}

/* ---- derivation --- */
#derivation #corps_droite #mod_news .container{
}
#derivation #corps_droite #mod_news .container .ssContainerImg{
	float:left;
	width:66px;
	height:44px;margin-top:8px;
}
#derivation #corps_droite #mod_news .container .zoneTexte{
	float:right;
	margin-top:0px;
	margin-right:5px;
	width:200px;
}
#derivation #corps_droite #mod_news .container .zoneTexte .pDate{
	color:#0fb3ef;
	font-size:12px;
	margin:0 0 3px 0;
}
#derivation #corps_droite #mod_news .container .zoneTexte h1, #derivation #corps_droite #mod_news .container .zoneTexte h1 a{
	color:#237ca7;
	margin:0px;
	font-size:12px;
	text-decoration:none;
}

/* --- reseaux --- */
#reseaux #corps_droite #mod_news .container{
}
#reseaux #corps_droite #mod_news .container .ssContainerImg{
	float:left;
	width:66px;
	height:44px;margin-top:8px;
}
#reseaux #corps_droite #mod_news .container .zoneTexte{
	float:right;
	margin-top:0px;
	margin-right:5px;
	width:200px;
}
#reseaux #corps_droite #mod_news .container .zoneTexte .pDate{
	color:#552f77;
	font-size:12px;
	margin:0 0 3px 0;
}
#reseaux #corps_droite #mod_news .container .zoneTexte h1, #reseaux #corps_droite #mod_news .container .zoneTexte h1 a{
	color:#8839a0;
	margin:0px;
	font-size:12px;
	text-decoration:none;
}

/* ################################### */
/* DIV portfolio */
/* ################################### */

/* --- detection --- */
#detection #corps_droite #mod_portfolio .container{
}
#detection #corps_droite #mod_portfolio .container .ssContainerImg{
	float:left;
	width:66px;
	height:44px;margin-top:8px;
}
#detection #corps_droite #mod_portfolio .container .zoneTexte{
	float:right;
	margin-top:0px;
	margin-right:5px;
	width:200px;
}
#detection #corps_droite #mod_portfolio .container .zoneTexte .pDate{
	color:#40990e;
	font-size:12px;
	margin:0 0 3px 0;
}
#detection #corps_droite #mod_portfolio .container .zoneTexte h1, #detection #corps_droite #mod_portfolio .container .zoneTexte h1 a{
	color:#556414;
	margin:0px;
	font-size:12px;
	text-decoration:none;
}

/* ---- derivation --- */
#derivation #corps_droite #mod_portfolio .container{
}
#derivation #corps_droite #mod_portfolio .container .ssContainerImg{
	float:left;
	width:66px;
	height:44px;margin-top:8px;
}
#derivation #corps_droite #mod_portfolio .container .zoneTexte{
	float:right;
	margin-top:0px;
	margin-right:5px;
	width:200px;
}
#derivation #corps_droite #mod_portfolio .container .zoneTexte .pDate{
	color:#0fb3ef;
	font-size:12px;
	margin:0 0 3px 0;
}
#derivation #corps_droite #mod_portfolio .container .zoneTexte h1, #derivation #corps_droite #mod_portfolio .container .zoneTexte h1 a{
	color:#237ca7;
	margin:0px;
	font-size:12px;
	text-decoration:none;
}

/* --- reseaux --- */
#reseaux #corps_droite #mod_portfolio .container{
}
#reseaux #corps_droite #mod_portfolio .container .ssContainerImg{
	float:left;
	width:66px;
	height:44px;margin-top:8px;
}
#reseaux #corps_droite #mod_portfolio .container .zoneTexte{
	float:right;
	margin-top:0px;
	margin-right:5px;
	width:200px;
}
#reseaux #corps_droite #mod_portfolio .container .zoneTexte .pDate{
	color:#552f77;
	font-size:12px;
	margin:0 0 3px 0;
}
#reseaux #corps_droite #mod_portfolio .container .zoneTexte h1, #reseaux #corps_droite #mod_portfolio .container .zoneTexte h1 a{
	color:#8839a0;
	margin:0px;
	font-size:12px;
	text-decoration:none;
}