/*******************************************************************************
**		REDEFINITIONS BALISES
*******************************************************************************/
img{border:0;}
a{outline:0;}
body{font-family:Arial, sans-serif;font-size: 11px;margin:0;	padding:0;color:#333333;position:relative;}
input, textarea, select{border:1px solid #CCCCCC;}
#conteneur {width:960px;margin:0 auto 0 auto;position:relative;}
.rub_1 a{color:#D50065;}
.rub_2 a{color:#749926;}
.rub_3 a{color:#DC0067;}
.rub_4 a{color:#4196A5;}
.rub_5 a{color:#F8AA07;}
.rub_6 a{color:#A5B43D;}
.rub_7 a{color:#949494;}
.rub_20 a{color:#8B9E07;}
.rub_24 a{color:#A90083;}

/*******************************************************************************
**		POLICES
*******************************************************************************/
@font-face {
    font-family: 'VAGRoundedBold';
    src: url('/fonts/vagrb27_0-webfont.eot#') format('eot'),
         url('/fonts/vagrb27_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

h2 {font-family:VAGRoundedBold, arial;font-weight:normal;}

/*******************************************************************************
**		EN-TETE
*******************************************************************************/
#header {height: 123px;margin:10px 0 0 0;padding:0;background:url('/foto-general/header.png') 0 0 no-repeat;position:relative;}
#header img {position:absolute;left:14px;top:10px;}
#header h1 {color:#3C3C3E;font-weight:normal;font-size:14px;text-transform:uppercase;position:absolute;top:25px;left:200px;background:url(/foto-general/header-title.gif) 0 0 no-repeat;width:335px;height:12px;text-indent:-5000px;}
.lien-web {position:absolute;right:10px;top:-10px;text-align:center;margin:0;width:268px;height:61px;background:url(/foto-general/lien-web-bg.png) 50% 0 no-repeat;padding-top:20px;}
.lien-web a {position:absolute;bottom:0;left:0;display:block;background:url(/foto-general/lien-web-span-bg.png) 50% 100% no-repeat;width:268px;height:61px;text-transform:uppercase;text-decoration:none;color:#fff;font-size:14px;font-weight:bold;float:left;}

/*******************************************************************************
**		Pied de page
*******************************************************************************/
#footer{
	/*height: 112px;*/
	clear: both;
	margin: 0 auto 10px auto;
	padding: 0px 0 0 0;
	background: transparent url('/foto-general/fond_bas.png') bottom left no-repeat;
	/*background: #FF00FF;*/
	top: -1px;
	position: relative;
	width: 960px;
}

#gauche {float:left;width: 190px;padding:10px 0 0 0;}

#complement_menu{position:absolute;right:0;top:0;}

.logo-footer {
	background: transparent;
	width: 940px;
	height: 85px;
	position: relative;
	margin: 10px auto 0 auto;
}

#footer .logo-footer img {
	margin-right: 10px;
}

#reseauSociaux{position:absolute;top:135px;right:-30px;margin:0;}
#reseauSociaux #facebook{cursor:pointer;position:relative;z-index:1;background:url('/foto-general/icone_facebook.png') 100% 0 no-repeat;width:40px;height:40px;}
#reseauSociaux #twitter{position:relative;background:url('/foto-general/icone_twitter.png') 100% 0 no-repeat;width:40px; height:40px;cursor:pointer;margin-top:5px;}

/*******************************************************************************
**		recherche
*******************************************************************************/
#recherche{color:#FFFFFF;margin:0;position:absolute;right:55px;top:70px;width:140px;}
#recherche p{margin:0;}
#recherche label {display:none;}
#recherche input{border:0;width:92px;height:21px;line-height:10px;color:#333333;font-size:10px;background:url(/foto-general/recherche-input-bg.png) 0 0 no-repeat;padding:0 8px;margin-right:5px;}
#recherche button{border:0;cursor:pointer;width:23px;height:23px;background:url(/foto-general/bt-recherche.gif) 0 0 no-repeat;position:relative;margin:0;top:0;font-size:10px;color:#fff;padding:0 0 3px 0;font-weight:bold;text-transform:uppercase;}


#rappel_membre{font-size:10px;margin:5px 0 0 10px;}
#rappel_membre p{margin:0;padding:0;}
#rappel_membre a{padding:0 2px 0 2px;color:#333333;text-decoration:none;}

#rappel_membre a.deco{padding:0 2px 0 2px;color:#8B9E07;text-decoration:none;}
#rappel_membre a:hover{color:#FFFFFF;background-color:#8B9E07;}

#adobe_link{margin:25px 0 0 0;padding:0;}
#adobe_link a{border:0;text-decoration:none;color:#B30000;}
#sous-menu #adobe_link a:hover{border:0;text-decoration:underline;color:#B30000;}

/*******************************************************************************
*******************************************************************************/
#separation{height:8px;clear:both;}
#corps{padding:20px 0 0 0;background-color:#FFFFFF;position:relative;z-index:1;float:left;width:960px;}

/*******************************************************************************
**		ACCUEIL
*******************************************************************************/
#corps_accueil{padding:0;background:#FFFFFF;position:relative;z-index:1;float:left;}
#accueil{float:left;width:740px;padding:15px 0px 0 16px;color:#000000;}
#cemois{width:428px;min-height:295px;float:left;position:relative;margin-left:-25px;background:url(/foto-general/campagne-home.png) 0 0 no-repeat;padding:0;margin-right:15px;color:#fff;padding-top:10px;margin-top:-10px;font-size:12px;}
#cemois .contenu_campagne {width:375px;background:url(/foto-general/campagne-home-bg.png) 0 0 repeat-y;padding:20px 30px 8px 18px;color:#fff;}
#cemois .hr{background:url(/foto-general/campagne-bottom.png) 0 0 no-repeat;width:78px;height:78px;position:absolute;right:-15px;bottom:-17px;}
#cemois .hr hr{display:none;}
#cemois h2, 
#cemois a{color:#fff;}
#cemois a.lien_suite{margin-right:10px;}
#cemois .campagne_img{float:left;margin:3px 5px 0 0;}
#cemois .contenu_campagne h2{font-size:16px;border-bottom:1px solid #FFFFFF;margin:0 0 3px 0;padding:0 0 1px 0;font-weight:normal;}
#cemois .contenu_campagne p{margin:0 0 3px 0;padding:0;}
#cemois .contenu_campagne .chapeau{font-weight:bold;}
#actu{width:300px;float:left;font-size:12px;}
#actu h2{color:#4C463F;font-size:16px;border-bottom:1px solid #BAB8B4;padding:0 0 1px 0;margin:5px 0 5px 0;font-weight:normal;}
.article_actu p{padding:0;margin:0 0 3px 0;}
.accueil_bloc_bas{width:233px;float:left;margin-right:10px;}
.bloc_competences {background:url(/foto-general/bloc-competences-bg.png) 0 20px no-repeat;height:250px;}
.bloc_competences ul{margin:0;padding:0;height:210px;}
.bloc_competences ul li{list-style-type:none;float:left;width:240px;height:245px;}

.bloc_competences h2 {
	color: #FFFFFF;
	font-family: arial;
	font-size: 12px;
	margin: 23px 0 15px 10px;
}

.accueil_bloc_bas h2{font-size:12px;font-weight:normal;color:#FFFFFF;text-align:center;padding:4px 0 3px 0;margin:15px 0 4px 0;font-family:arial;height:23px;line-height:23px;}
#new h2{background:url('/foto-general/bloc_bas_h2.jpg') 0 5px no-repeat;padding:4px 10px 3px 0;height:23px;line-height:23px;text-align:right;}
.projet_accueil{margin-bottom:0px;padding:0px 5px 0px 0px;color:#4D4640;}
a.lien_fermer,
a.lien_suite{display:block;text-align:right}
.blocVisuel{text-align:center;height:90px;width:232px;overflow:hidden;}
h3.nom_client_accueil{padding:0;margin:0 0 2px 0;font-size:11px;}
.projet_accueil .detail p{margin:0 0 0px 0;line-height:13px;}
.projet_accueil .visuel_gauche{float:left;padding:0px 10px 0px 0;/*	border-right:1px dotted #333333;*/margin-top:0px;}
#site_accroche{margin-top:10px;}



.competences_accroches{background:url('/foto-general/fond_accroche_comp.png') top left no-repeat;margin:10px 0 0 0;width:173px;padding:20px 8px 0 8px;color:#FFFFFF;overflow:hidden;}
.competences_accroches ul{margin:0;overflow:hidden;}
.competences_accroches ul li{padding:0px 11px 0 8px;width:165px;list-style-type:none;float:left;}
.competences_accroches_pied{clear:both;background:url('/foto-general/pied_accroche_comp.png') bottom left no-repeat;height:12px;width:189px;margin-bottom:10px;}
.competences_accroches a{color:#FFFFFF;text-decoration:none;}
#bloc_illus{margin:0 0 30px 5px;padding:35px 5px 0 0;font-size:11px;font-weight:bold;text-align:center;height:222px;background:url('/foto-general/dessin-bg.png') -5px 0 no-repeat;}
#bloc_illus p{margin:0 0 3px 0;padding:0;}
#bloc_illus #illus{width:150px;height:150px;padding:15px 0 0 0;margin-left:15px;}
#titre_accueil{border-left:6px solid #D50065;margin-bottom:3px;padding:0 0 0 10px;color:#D50065;}
#titre_actu{border-left:6px solid #AFC50A;margin-bottom:3px;padding:0 0 0 10px;color:#AFC50A;}
#barre_droite{width:189px;float:right;padding:0 5px 0 10px;position:relative;}
#barre_droite h2{font-family:arial;}
#titre_recrutement{margin:0;padding:0;color:#D50065;font-size:16px;}
.offre_emploi{border-bottom:1px dotted #333333;margin:5px 0 0 0;padding:0 0 5px 0;}
.offre_emploi a{font-weight:bold;color:#D50065;text-decoration:none;}
.offre_emploi .titre_emploi{font-size:11px;padding:0;margin:0;}
.offre_emploi p{padding:0;margin:0;}
#membre_login{width:175px;margin:10px auto 0 auto;font-size:10px;}
#membre_login .titre{margin:0;padding:0;}
#membre_login .form_membre{width:155px;margin:0 auto 0 auto;padding:0 4px 4px 4px;border:1px solid #CCCCCC;border-top:0;background:#FFFFFF;}
#membre_login .form_membre table .td_btn_ok{padding:10px 0 0 8px;}
#membre_login .form_membre form{margin:0;padding:0;}
#membre_login .form_membre input{border:1px solid #999999;width:105px;height:13px;font-size:9px;}
#membre_login .form_membre p{margin:0 0 0 0;}
#bloc_intelliance{position:absolute;right:0;bottom:0;margin:0;padding:5px 0 5px 10px;width:194px;background:#BFB9AE;}
/*#adresses{margin-bottom:50px;}*/
#bloc_intelliance a{color:#B31080;}
#bloc_intelliance .titre{color:#B31080;font-weight:bolder;display:block;}
.bloc_rc2c {padding:10px 0 0 0;}
.bloc_rc2c .titre{display:block;color:#D64B55;font-weight:bold;}
.nantes{border-top:1px dotted #ccc;margin:10px 0 10px 0;}
.bloc_rc2c p{padding:0;margin:0;font-size:10px;line-height:12px;}
.trait_vertical{border-left:6px solid #D50065;height:26px;}
#crayon{position:absolute;right:0;top:450px;;}

/*******************************************************************************
*******************************************************************************/

/*******************************************************************************
**MENU
*******************************************************************************/
#menu {position:relative;float:right;width:825px;margin-top:70px;font-family:VAGRoundedBold, arial;}
#menu ul {list-style:none outside none;margin:0;height:25px;padding-left:0;}
#menu li {float:left;display:inline;height:25px;padding:0;width:120px;}
#menu li a{position:relative;top:0;color:#fff;text-decoration:none;background:url(/foto-general/menu-li-a-hover-bg.png) 0 0 no-repeat;display:block;float:right;height:25px;margin-top:0;}
#menu li a span{float:left;background:url(/foto-general/menu-li-a-bg.png) 100% 0 no-repeat;float:right;padding:0 30px 0 15px;font-weight:normal;height:46px;line-height:40px;position:relative;font-size:14px;margin-top:-7px;}
/*lien home*/
#menu li.itemId-1 {background:none;padding:0;margin:3px 20px 0 0;width:16px;height:16px;}
#menu li.itemId-1 a{background:url(/foto-general/home.png);padding:0;margin:0;top:0;line-height:auto;width:100%;height:100%;text-indent:-5000px;}
#menu li.itemId-1 a span{background:none;padding:0;margin:0;top:0;line-height:normal;}
#menu li.itemId-4 {width:140px;}
#menu li.itemId-5 {width:88px;}
#menu li.itemId-4 a:hover{background-position:0 -25px;}
#menu li.itemId-3 a:hover{background-position:0 -50px;}
#menu li.itemId-5 a:hover{background-position:0 -75px;}
#menu li.itemId-6 {width:70px;}
#menu li.itemId-6 a:hover{background-position:0 -100px;}
#menu li.itemId-7 {width:110px;}
#menu li.itemId-7 a:hover{background-position:0 -125px;}
/*lien detente*/
#menu li.itemId-8 {background:none;padding:0;margin:0;width:60px;height:60px;position:absolute;top:-25px;right:-15px;z-index:2:}
#menu li.itemId-8 a{background:url(/foto-general/detente-bg.png) 0 0 no-repeat;padding:0;margin:0;top:0;line-height:auto;width:100%;height:100%;text-indent:-5000px;}
#menu li.itemId-8 span{background:none;}
#menu li.itemId-8 a:hover{background-position:0 -60px;}
.rub_1 .line{border-top:10px solid #D50065;width:700px;margin:0 auto 0 auto;}
.rub_2 .line{border-top:10px solid #749926;width:94%;margin:0 auto 0 auto;}
.rub_3 .line{border-top:10px solid #C3006E;width:94%;margin:0 auto 0 auto;}
.rub_4 .line{border-top:10px solid #4196A5;width:94%;margin:0 auto 0 auto;}
.rub_5 .line{border-top:10px solid #DC9605;width:94%;margin:0 auto 0 auto;}
.rub_6 .line{border-top:10px solid #C5AE56;width:94%;margin:0 auto 0 auto;}
.rub_7 .line{border-top:10px solid #949494;width:94%;margin:0 auto 0 auto;}
.rub_8 .line{border-top:10px solid #96A5A9;width:94%;margin:0 auto 0 auto;}
.rub_20 .line{border-top:10px solid #8B9E07;width:94%;margin:0 auto 0 auto;}
.rub_24 .line{border-top:10px solid #A90083;width:94%;margin:0 auto 0 auto;}
#sous-menu,
#sous-menu-cmp,
#sous-menu-ref {float:left;width:161px;padding:0 0 0 14px;}
.rub a{text-decoration:none;color:#000000;font-size:13px;font-weight:bold;}
.rub_courant a{text-decoration:none;color:#000000;font-size:13px;font-weight:bold;}
#sous-menu ul,#sous-menu-cmp ul,#sous-menu-ref ul{margin:0;padding:20px 0 0 0;}
#sous-menu li{list-style-type:none;padding:0px 0 0px 0;}
#sous-menu-cmp li,#sous-menu-ref li{list-style-type:none;padding:1px 0 1px 0px;margin:10px 0 10px 0;}
#sous-menu-cmp a,
#sous-menu-ref a{text-decoration:none;color:#000000;font-size:13px;font-weight:bold;display:block;line-height:14px;}
#sous-menu-ref a:hover{color:#DC0067;}
#sous-menu-cmp a:hover{color:#27A7AD;}
#sous-menu-ref .rub_courant a{color:#DC0067;display:block;}
#sous-menu-cmp .rub_courant a{color:#27A7AD;display:block;}
.rub_1 #sous-menu a:hover{color:#D50065;}
.rub_2 #sous-menu a:hover{color:#749926;}
.rub_4 #sous-menu a:hover{color:#4196A5;}
.rub_5 #sous-menu a:hover{color:#F8AA07;}
.rub_6 #sous-menu a:hover{color:#AFC50A;}
.rub_7 #sous-menu a:hover{color:#949494;}
.rub_8 #sous-menu a:hover{color:#DC0067;}
.rub_20 #sous-menu a:hover{color:#8B9E07;}
.rub_1 #sous-menu .rub_courant a{color:#D50065;}
.rub_2 #sous-menu .rub_courant a{color:#749926;}
.rub_4 #sous-menu .rub_courant a{color:#4196A5;}
.rub_5 #sous-menu .rub_courant a{color:#F8AA07;}
.rub_6 #sous-menu .rub_courant a{color:#AFC50A;}
.rub_7 #sous-menu .rub_courant a{color:#949494;}
.rub_8 #sous-menu .rub_courant a{color:#DC0067;}
.rub_20 #sous-menu .rub_courant a{color:#8B9E07;}

/*******************************************************************************
*******************************************************************************/
#contenu{
	float:left;
	width:765px;
	margin:0px 0 0 0;
	padding:0 0 0 7px;
	/*border-left:1px dotted #333333;*/
}


#contenu_detente{
	float:right;
	width:702px;
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	border-left:1px dotted #333333;
}

/*******************************************************************************
**		PIED
*******************************************************************************/
#recap_liens{
	color:#5B5B5B;
	font-size:10px;
	background:#C8C8C8;
	clear:both;
	margin:10px 0 0 0;
	height:15px;
}
#recap_liens a{
	color:#5B5B5B;
	text-decoration:none;
	/*font-weight:bold;*/
	text-transform:lowercase;
}

/*******************************************************************************
*******************************************************************************/

#barre_recherche{
	margin:0 0 0 10px;
}

#barre_recherche input{
	border:1px solid #CCCCCC;
	color:#4A6299;
	font-size:12px;

}


#barre_recherche #btn_recherche{
	cursor:pointer;
	vertical-align:-75%;
	border:0;
	background-image:url(/foto-general/btn_ok.gif);
}


/*******************************************************************************
**		ARTICLE PRATIQUE
*******************************************************************************/
div.article_pratique{
	padding:0 0 20px 0;
	font-family:Arial;
	margin:0 0 20px 0px;
	/*width:692px;*/
	width:778px;
	color:#333333;
	/*border-bottom:1px dotted #333333;*/
}


/* titre */
.article_pratique h2{
	margin:0px;
	padding:0px;
	color:#A5B43D;
	font-size:14px;
	margin-bottom:5px;
}


/* chapeau */
.article_pratique .chapeau{
	margin:0px;
	color:#333333;
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
	padding:3px 7px 4px 0px;
}

.article_pratique .chapeau p{
	margin:0px;
	padding:0px;
}

.article_pratique .chapeau a:link {
	color:#253D87;
	font-weight:bold;
	text-decoration:underline;
}
.article_pratique .chapeau a:hover {
	color:#253D87;
	font-weight:bold;
	text-decoration:none;
}

/* description */
.article_pratique .description{
	font-size:11px;
	color:#333333;
	width:480px;
}

.article_pratique p {
	margin:0px;
	padding:0px;
}

.article_pratique .description a:link {
	text-decoration:underline;
	color:#C5AE56;
	font-weight:bold;
}
.article_pratique .description a:hover {
	text-decoration:underline;
	color:#C5AE56;
	font-weight:bold;
}

/* image */
.article_pratique .divArticleImgGauche{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.article_pratique .divArticleImgDroite{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.article_pratique .divArticleImgHaut{
	text-align:left;
	margin-bottom:10px;
}
.article_pratique .divArticleImgBas{
	text-align:left;
	margin-top:10px;
}
.article_pratique .divArticleImgGauche .imagelegende{
	color:#C5AE56;
	font-size:10px;
}
.article_pratique .divArticleImgDroite .imagelegende{
	color:#C5AE56;
	font-size:10px;
}
.article_pratique .divArticleImgHaut .imagelegende{
	color:#FFFFFF;
	font-size:10px;
}
.article_pratique .divArticleImgBas .imagelegende{
	color:#C5AE56;
	font-size:10px;
}


/* fichier joint */
.article .fichierlie{
	font-size:11px;
	color:#000000;
	margin:5px 0 0 0px;
	padding:5px 0 5px 25px;
	/*background:url('/foto-general/btn_download.gif') top left no-repeat;*/
}

.btn_download{
	vertical-align:-50%;
}

.article .fichierlie a{
	color:#666666;
	font-weight:bold;
	text-decoration:underline;
	font-size:11px;
	padding-left:2px;
	padding-right:2px;
	margin-left:1px;
	margin-right:1px;

}
.article .fichierlie a:visited{
	color:#666666;
	font-weight:bold;
	text-decoration:underline;
	font-size:11px;
	padding-left:2px;
	padding-right:2px;
	margin-left:1px;
	margin-right:1px;
}
.article .fichierlie a:hover{
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	padding-left:2px;
	padding-right:2px;
	margin-left:1px;
	margin-right:1px;
}
.article .fichierlie a:active{
	color:#666666;
	font-weight:bold;
	text-decoration:underline;
	font-size:11px;
	padding-left:2px;
	padding-right:2px;
	margin-left:1px;
	margin-right:1px;
}
.article .fichierlie a:focus{
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	padding-left:2px;
	padding-right:2px;
	margin-left:1px;
	margin-right:1px;
}

/*******************************************************************************
*******************************************************************************/


/*******************************************************************************
**		ARTICLE
*******************************************************************************/
div.article{
	padding:10px 0 20px 0;
	font-family:Arial;
	margin:0 0 0px 0px;
	color:#000000;
	border-top:1px dotted #333333;
}


/* titre */
.article h2{
	margin:0px;
	padding:0px;
	color:#AFC50A;
	font-size:14px;
	margin-bottom:5px;
}

.rub_20 .article h2{
	margin:0px;
	padding:0px;
	color:#8B9E07;
	font-size:14px;
	margin-bottom:5px;
}


/* chapeau */
.article .chapeau{
	margin:0px;
	color:#333333;
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
	padding:3px 7px 3px 0px;
}

.article .chapeau p{
	margin:0px;
	padding:0px;
}

.article .chapeau a:link {
	color:#253D87;
	font-weight:bold;
	text-decoration:underline;
}
.article .chapeau a:hover {
	color:#253D87;
	font-weight:bold;
	text-decoration:none;
}

/* description */
.article .description{
	font-size:11px;
	color:#333333;
	float:left;
}

.article p {
	margin:0px;
	padding:0px;
}

.article .description a:link {
	text-decoration:underline;
	color:#C5AE56;
	font-weight:bold;
}
.article .description a:hover {
	text-decoration:underline;
	color:#C5AE56;
	font-weight:bold;
}

/* image */
.article .divArticleImgGauche{
	float:left;
	padding:0px 20px 10px 0;
	border-right:1px dotted #333333;
	margin:0px 20px 0 0;
}
.article .divArticleImgDroite{
	float:right;
	margin:0px 0 0px 20px;
	padding:0px 0 0px 20px;
	border-left:1px dotted #333333;
}
.article .divArticleImgHaut{
	text-align:left;
	margin-bottom:10px;
}
.article .divArticleImgBas{
	text-align:left;
	margin-top:10px;
}
.article .divArticleImgGauche .imagelegende{
	color:#C5AE56;
	font-size:10px;
}
.article .divArticleImgDroite .imagelegende{
	color:#C5AE56;
	font-size:10px;
}
.article .divArticleImgHaut .imagelegende{
	color:#FFFFFF;
	font-size:10px;
}
.article .divArticleImgBas .imagelegende{
	color:#C5AE56;
	font-size:10px;
}

/*******************************************************************************
*******************************************************************************/

/*******************************************************************************
**		DETENTE
*******************************************************************************/
/*.detente{
	width:530px;
	margin:0 0 10px 0;
}*/

.detente .titre_detente{
	background:#51BBC2;
	color:#FFFFFF;
	font-size:11px;
	padding:1px 0 1px 5px;
	margin:0 0 3px 0;
}

.detente .description{
	border:1px dashed #333333;
	padding:5px 5px 5px 15px;
}

.detente .description a{
	color:#3DA8AD;
}

.detente .video{
	/*text-align:center;*/
	margin:1px 0 5px 0;
}

.detente .image{
	float:left;
	margin:0 15px 15px 0;
	padding:0;
}

.detente .description p{
	margin:0 0 1px 0;
}

.detente .description .chapeau{
	color:#3DA8AD;
	font-weight:bold;
	margin-bottom:5px;
}

.detente .image .imagelegende{
	background:#CCCCCC;
	color:#3DA8AD;
	padding:1px 5px 1px 5px;
}


.auteur{
	margin:0 0 10px 0;
}

.auteur .photo{
	padding:3px;
	border:1px solid #999999;
	margin:0 10px 0 0;
}

.auteur .auteur_detail p{
	margin:0;
	padding:0 0 0 0;
}

.auteur .auteur_detail .nom{
	font-weight:bold;
}

.auteur .auteur_detail .fonction{
	color:#3DA8AD;
}

#barre_archives{
	float:right;
	width:145px;
}

#barre_archives h3{
	font-size:11px;
	background:#51BBC2;
	color:#FFFFFF;
	padding:1px 0 1px 5px;
	margin:0 0 5px 0;
	border:1px dashed #3DA8AD;
	border-right:0;
}

#barre_archives li{
	list-style-type:none;
}

#barre_archives ul{
	margin:0 0 0 5px;
	padding:0;
}

#barre_archives a{
	color:#333333;
	text-decoration:none;
	padding:0 0 0 5px;
}

#barre_archives .mois_courant a{
	color:#DC0067;
	text-decoration:none;
	padding:0 0 0 5px;
}

#barre_archives .no_article{
	color:#CCCCCC;
	text-decoration:none;
	padding:0 0 0 5px;
}

#barre_archives a:hover{
	color:#DC0067;
}
/*******************************************************************************
*******************************************************************************/


/*******************************************************************************
**		RECHERCHE
*******************************************************************************/
.liRechercher div {
	font-size:11px;
	color:#000000;
	margin-bottom:10px;
}
.liRechercher a{
	font-size:12px;
	font-weight:bold;
	color:#749926;
	width:200px;
	text-transform:uppercase;
	text-decoration: none;
	list-style:none;
	line-height:15px;
	/*border-bottom:1px solid #0078A2;*/
}

.olRecherche{
	margin:10px 0 0 0;
}
/*******************************************************************************
*******************************************************************************/


/*******************************************************************************
**		GESTION REFERENCES
*******************************************************************************/
.projet{
	background:#F4F8F9;
	margin:7px 0;
	/*padding:10px 0 5px 0;*/
	padding:8px;
	color:#000000;
}

.projet_dock{
	background:#F4F8F9;
	padding:2px;
	margin:3px 0;
}

.projet_dock h3{
	color:#574F48;
	/*border-bottom:1px solid #FFFFFF;*/
	background:url('/foto-general/puce_dock.gif') 0px 1px no-repeat;
	padding:0 0 3px 18px;
	font-size:14px;
}

a.docker{
	text-decoration:none;
}

.projet_dock .sous_titre{
	color:#DC0067;
	font-weight:bold;
	margin:16px 0 0 10px;
	float:left;
}


.projet_dock .detail_projet,
.projet .detail_projet{
	float:left;
	width:350px;
}

.projet .detail_projet h3{
	color:#574F48;
	border-bottom:1px solid #FFFFFF;
	background:url('/foto-general/puce_ref.gif') 0px 1px no-repeat;
	padding:0 0 3px 18px;
	font-size:14px;
}



.projet_dock .recap_projet,
.projet .recap_projet{
	margin:10px 0 5px 0;
}


.projet p, .projet_dock p{
	margin:0;
	padding:0;
	text-align:justify;
}


.nom_client_actu{
	padding:2px 0 1px 0;
	margin:0;
	color:#749926;
}

.projet_dock .titre_detail,
.projet .titre_detail{
	font-weight:bold;
	color:#333333;
}

.projet_dock p.titre_projet,
.projet p.titre_projet{
	margin:5px 0 3px 0;
	font-weight:bold;
	color:#DC0067;
}

.projet .client_logo{
	display:block;
	margin:3px 0 0 0;
}

/*******************************************************************************
*******************************************************************************/


/*******************************************************************************
**		REFERENCES DANS COMPETENCES
*******************************************************************************/
.ref_comp{clear:both;background:#F0F5F7;padding:5px;color:#000000;margin:7px 0 0 0;}
.ref_comp .visuel{float:left;margin-right:8px;width:130px;height:130px;background:#FFFFFF;overflow:hidden;}
.ref_comp .detail_ref{float:left;width:610px;}
.ref_comp h3{color:#574F48;font-size:14px;text-transform:none;background:url('/foto-general/puce_refcomp.gif') no-repeat 0px 1px;padding:0 0 3px 20px;border-bottom:1px solid #FFFFFF;margin:0 0 5px 0;}
.ref_comp .detail_ref .titre_projet{font-weight:bold;margin: 0 0 3px 0;color:#000000;}
a.lien_plus{font-weight:bold;color:#12B0B9;text-decoration:none;background:url('/foto-general/puce_plus.gif') no-repeat 0px 3px;padding:0 0 0 13px;float:right;margin:3px 10px 3px 0;}
#intro_competence{font-size:12px;}
#intro_competence h2{font-family:arial, sans-serif;font-weight:bold;}
#intro_competence .accroche{color:#3DA8AD;font-weight:bold;font-size:14px;}


/*******************************************************************************
**		GESTION REFERENCES SUR L'ACCUEIL
*******************************************************************************/
.gris{background-color:#CCCCCC;}


/*******************************************************************************
**		GESTION EQUIPE
*******************************************************************************/
#mozaique {margin:0 auto 0 auto;padding:0;width:692px;position:relative;}
#mozaique li{list-style-type:none;padding:1px 2px 0 2px;float:left;display:none;}
#membres{width:240px;float:left;}
#liste_membres{list-style-type:none;margin:0;padding:0;}
#liste_membres a{display:block;width:221px;height:17px;margin:1px 0 0 0;padding-left:5px;background:#EEEEEE;color:#333333;text-decoration:none;}
#liste_membres .courant a{display:block;width:221px;height:17px;margin:1px 0 0 0;padding-left:5px;background:#F8AA07;color:#FFFFFF;text-decoration:none;}
#liste_membres a:hover{background:#F8AA07;color:#FFFFFF;text-decoration:none;}
.fleche_membre{font-size:13px;}
#membre{margin:10px 0 0 0;}
#membre h3{color:#F8AA07;font-size:12px;margin:0;padding:2px 0 3px 0;}
#visuels{width:432px;/*border:1px solid #DC9605;*/float:right;margin:0;padding:0;}
#gd_visuel{position:relative;}
#v_legende{padding:5px;line-height:14px;font-size:11px;width:350px;float:left;}
.v_pagination{padding:5px;float:right;}
.v_pagination a{color:#333333;text-decoration:none;padding:0 3px 1px 3px;}
.v_pagination a:hover{background-color:#F8AA07;color:#FFFFFF;}
a.v_courant {color:#FFFFFF;background-color:#F8AA07;text-decoration:none;padding:0 2px 1px 3px;}
.gras{font-weight:bold;}
.bloc{display:block;}
/*******************************************************************************
*******************************************************************************/


/*******************************************************************************
**		CONTACT
*******************************************************************************/
#formulaireContact{float:left;width:330px;}
#carte{float:right;width:350px;}
.introformcontact, .merciformcontact{font-weight:bold;color:#C3006E;}
#btn{cursor:pointer;}
.star_contact{color:#C3006E;font-weight:bold;font-size:12px;font-familly:'Times New Roman';}
.submit_contact {text-align:right;/*padding-right: 45px;*/}
.libelleformcontact{text-align:left;font-weight:bold;color:#666666;}
#contact{padding:20px 0 20px 0;}
#adresses_contact{font-size:10px;}
#adresses_contact .titre_adresse_contact{font-size:11px;display:block;font-weight:bold;color:#C3006E;}
#adresses_contact a{color:#FFFFFF;background-color:#949494;text-decoration:none;padding:0 2px 1px 2px;}
.fleche_contact{color:#C3006E;background-color:#FFFFFF;padding:0 0px 0 0;font-size:13px;vertical-align:-1px;}
#btn_envoi{cursor:pointer;}
#zoominit{margin-top:2px;}
#zoominit a{background:#949494;color:#FFFFFF;padding:1px 3px 2px 3px;text-decoration:none;font-weight:bold;}
#zoominit a:hover{background:#C3006E;color:#FFFFFF;}


/*******************************************************************************
**		SAVOIR FAIRE
*******************************************************************************/
.savoir_faire{width:750px;}
.savoir_faire .chapeau{color:#4196A5;font-weight:bold;}
.savoir_faire .chapeau p{margin:0;padding:0 0 10px 0;}
.savoir_faire .bloc_gauche{float:left;width:180px;margin-right:30px;}
.savoir_faire .bloc_droite{width:535px;float:left;}
.savoir_faire ul{list-style-image:url('/foto-general/puce_mini_bleue.gif');margin:0;padding:0 0 0 13px;}
.article_accueilDroite a,
.article_accueilDroite a:link,
.article_accueilDroite a:visited,
.article_accueilDroite a:focus,
.article_accueilDroite a:active{color:#333333;}
.article_accueilDroite{border-bottom:1px dotted #333333;/*margin:5px 0 0 0;*/padding:0 0 5px 0;color:#333333;}


/*******************************************************************************
**		RSE
*******************************************************************************/
#conteneur .rub_6  div.article {
	background: #F0F5F7;
	margin: 10px 0 10px 0;
	padding-bottom: 10px;
	border: 0;
}

#conteneur .rub_6  div.article  h2{
	font-family: arial;
	background: url("/foto-general/puce_rse.gif") no-repeat scroll 0 1px transparent;
    border-bottom: 1px solid #FFFFFF;
    color: #574F48;
    font-size: 14px;
    margin: 0 0 5px 0px;
    padding: 0 0 3px 20px;
    text-transform: none;
	font-weight: bold;
}

#conteneur .rub_6  div.article .description {
	margin-left: 10px;
}

#conteneur .rub_6  #sous-menu ul li {
	margin: 10px 0;
}

#conteneur .rub_6  div.article .divArticleImgGauche {
	margin: 0;
    padding: 0 10px;
}
#conteneur .rub_6  div.article .divArticleImgHaut {
	margin: 10px;
}

#conteneur .rub_6  div.article .fichierlie a {
	margin-top: 5px;
	float:left;
	margin-left: 7px;
}