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

html {
	height:100%;
}

body  {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#808174;
	font-size:13px;
}

p {
	margin:0 0 0 0;
	padding: 0 0 0 0;
}

/*Structure générale*/
#header {
	top:0;
	width:100%;
	height:43px;
	background:#FFF;
}

#conteneur { 
	width: 980px;
	height:100%;
  	position: relative;
	margin: 0 auto 0 auto;
  	z-index: 2;
	background-color: #FFFFFF;
	z-index:10;
	min-height:1320px;
	-height:1320px;
} 

#gauche {
	margin-right: 250px;
	height:100%;
	min-height:1320px;
	-height:1320px;
}

#out_gauche {
	width: 50%;
	position: absolute;
	height:100%;
	min-height:1320px;
	-height:1320px;
}

#gauche, #out_gauche{
  height: 100%;
  -height:1320px;
  top: 43px;
  z-index: 1;
}

.spacer {
	clear:both;
}

/*Gestion des couleur*/

.couleur1 {
	background:#b5d827;
}

.couleur2 {
	background:#ec23d7;
}

.couleur3 {
	background:#0ee6df;
}

.couleur4 {
	background:#10b8ff;
}

.couleur5 {
	background:#ff3a97;
}

.couleur6 {
	background:#ffcb11;
}

/*Header*/

#header #hd_contenu {
	width:980px;
	height:43px;
	margin:0 auto 0 auto;
}

#hd_contenu #attrait {
	width:175px;
	height:43px;
	margin:0 0 0 149px;
	-margin:0 0 0 75px;
	text-align:center;
	float:left;
}

#attrait a {
	display:block;
	width:175px;
	height:43px;
}

#hd_contenu #accroche {
	width:405px;
	height:43px;
	margin:0 0 0 0;
	float:left;
}

#accroche a {
	display:block;
	width:405px;
	height:43px;
}

/*Contenu*/

#menu_gauche {
	width:306px;
	height:100%;
	float:left;
	min-height:1320px;
	-height:1320px;
}

#conteneur #contenu {
	width:674px;
	height:100%;
	float:left;
}

/*Menu gauche*/

/*Menu principal haut*/

#haut {
	width:324px;
	height:238px;
	position:absolute;
}

#haut #menu_force {
	width:180px;
	margin:0 0 0 auto;
}

#haut #menu_force ul {
	padding:0 0 0 0;
	margin: 0 0 0 0;
	list-style:none;
}

#haut #menu_force ul li {
	width:180px;
	padding:0 0 0 0;
	margin: 0 0 0 0;
	list-style:none;
	text-align:center;
}

/*Rollover et changement de texte du menu haut*/

#menu1 a{
	display:block;
	width:180px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px 0 4px 0;
	-padding:0 0 0 0;
}

#menu1 a span{
	padding:4px 0 4px 0;
	-padding:0 0 0 0;
}

#menu1 a:hover{
	padding:4px 0 4px 0;
	color:#FFFFFF;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 113px center;
}

#menu1 a:hover span {
	width:80px;
	padding:4px 5px 4px 5px;
}

#menu1 a.select{
	display:block;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px 0 4px 0;
	color:#808274;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 113px center;
}

#menu1 a.select span {
	width:80px;
	padding:4px 5px 4px 5px;
	background:#FFFFFF;
}

#menu2 a{
	display:block;
	width:180px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px 0 4px 0;
	-padding:0 0 0 0;
}

#menu2 a span{
	padding:4px 0 4px 0;
	-padding:0 0 0 0;
}


#menu2 a:hover{
	padding:4px 0 4px 0;
	color:#FFFFFF;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 50px center;
}

#menu2 a:hover span {
	width:80px;
	padding:4px 5px 4px 5px;
}

#menu2 a.select{
	display:block;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px 0 4px 0;
	color:#808274;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 50px center;
}

#menu2 a.select span {
	width:80px;
	padding:4px 5px 4px 5px;
	background:#FFFFFF;
}

#menu3 a{
	display:block;
	width:180px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px 0 4px 0;
	-padding:0 0 0 0;
}

#menu3 a span{
	padding:4px 0 4px 0;
	-padding:0 0 0 0;
}

#menu3 a:hover{
	padding:4px 0 4px 0;
	color:#FFFFFF;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 68px center;
}

#menu3 a:hover span {
	width:80px;
	padding:4px 5px 4px 5px;
}

#menu3 a.select{
	display:block;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px 0 4px 0;
	color:#808274;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 68px center;
}

#menu3 a.select span {
	width:80px;
	padding:4px 5px 4px 5px;
	background:#FFFFFF;
}

#menu4 a{
	display:block;
	width:180px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px 0 4px 0;
	-padding:0 0 0 0;
}

#menu4 a span{
	padding:4px 0 4px 0;
	-padding:0 0 0 0;
}

#menu4 a:hover{
	padding:4px 0 4px 0;
	color:#FFFFFF;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 68px center;
}

#menu4 a:hover span {
	width:80px;
	padding:4px 5px 4px 5px;
}

#menu4 a.select{
	display:block;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px 0 4px 0;
	color:#808274;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 68px center;
}

#menu4 a.select span {
	width:80px;
	padding:4px 5px 4px 5px;
	background:#FFFFFF;
}

#menu5 a{
	display:block;
	width:180px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px 0 4px 0;
	-padding:0 0 0 0;
}

#menu5 a span{
	padding:4px 0 4px 0;
	-padding:0 0 0 0;
}

#menu5 a:hover{
	padding:4px 0 4px 0;
	color:#FFFFFF;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 30px center;
}

#menu5 a:hover span {
	width:80px;
	padding:4px 5px 4px 5px;
}

#menu5 a.select{
	display:block;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px 0 4px 0;
	color:#808274;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 30px center;
}

#menu5 a.select span {
	width:80px;
	padding:4px 5px 4px 5px;
	background:#FFFFFF;
}

#menu6 a{
	display:block;
	width:180px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px 0 4px 0;
	-padding:0 0 0 0;
}

#menu6 a span{
	padding:4px 0 4px 0;
	-padding:0 0 0 0;
}

#menu6 a:hover{
	padding:4px 0 4px 0;
	color:#FFFFFF;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 85px center;
}

#menu6 a:hover span {
	width:80px;
	padding:4px 5px 4px 5px;
}

#menu6 a.select{
	display:block;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px 0 4px 0;
	color:#808274;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 85px center;
}

#menu6 a.select span {
	width:80px;
	padding:4px 5px 4px 5px;
	background:#FFFFFF;
}

.separateur {
	display:block;
	width:180px;
	height:1px;
	background:url(/charte/structure_generale/menu_separateur.png) no-repeat center;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

/*Menu secondaire bas*/

#bas{
	position:absolute;
	width:306px;
	height:400px;
	margin: 238px 0 0 0;
	padding:20px 0 0 0;
	background:url(/charte/structure_generale/ombre_gauche.png) top no-repeat;
	-background:url(/charte/structure_generale/ombre_gauche_ie6.gif) top no-repeat;
	
}

#menu_bas {
	float:right;
	margin:0 0 0 0;
}

#menu_bas ul {
	margin:0 4px 0 0;
	width:130px;
	padding:0 0 0 0;
	list-style:none;
}

#menu_bas ul li {
	margin:0 0 0 0;
	width:130px;
	text-align:right;
	color:#FFF;
}

.bas_separateur {
	display:block;
	width:114px;
	height:1px;
	background:url(/charte/structure_generale/menu_bas_separateur.png) no-repeat right;
	margin:0 0 0 20px;
}

#menu_bas1 a{
	display:block;
	width:130px;
	text-align:right;
	color:#FFF;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px;
	-padding:0 0 0 0;
}

#menu_bas1 a span{
	padding:4px;
}

#menu_bas1 a:hover{
	padding:4px;
	color:#FFFFFF;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 32px center;
}

#menu_bas1 a:hover span {
	padding:4px;
	width:130px;
}

#menu_bas1 a.select{
	display:block;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px;
	color:#808274;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 32px center;
}

#menu_bas1 a.select span {
	width:130px;
	padding:4px;
	background:#FFFFFF;
}

#menu_bas2 a{
	display:block;
	width:130px;
	text-align:right;
	color:#FFF;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px;
	-padding:0 0 0 0;
}

#menu_bas2 a span{
	padding:4px;
}

#menu_bas2 a:hover{
	padding:4px;
	color:#FFFFFF;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 55px center;
}

#menu_bas2 a:hover span {
	padding:4px;
	width:130px;
}

#menu_bas2 a.select{
	display:block;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px;
	color:#808274;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 55px center;
}

#menu_bas2 a.select span {
	width:130px;
	padding:4px;
	background:#FFFFFF;
}

#menu_bas3 a{
	display:block;
	width:130px;
	text-align:right;
	color:#FFF;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px;
	-padding:0 0 0 0;
}

#menu_bas3 a span{
	padding:4px;
}

#menu_bas3 a:hover{
	padding:4px;
	color:#FFFFFF;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 52px center;
}

#menu_bas3 a:hover span {
	padding:4px;
	width:130px;
}

#menu_bas3 a.select{
	display:block;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px;
	color:#808274;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 52px center;
}

#menu_bas3 a.select span {
	width:130px;
	padding:4px;
	background:#FFFFFF;
}

#menu_bas4 a{
	display:block;
	width:130px;
	text-align:right;
	color:#FFF;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px;
	-padding:0 0 0 0;
}

#menu_bas4 a span{
	padding:4px;
}

#menu_bas4 a:hover{
	padding:4px;
	color:#FFFFFF;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 24px center;
}

#menu_bas4 a:hover span {
	padding:4px;
	width:130px;
}

#menu_bas4 a.select{
	display:block;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px;
	color:#808274;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 24px center;
}

#menu_bas4 a.select span {
	width:130px;
	padding:4px;
	background:#FFFFFF;
}

#menu_bas5 a{
	display:block;
	width:130px;
	text-align:right;
	color:#FFF;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px;
	-padding:0 0 0 0;
}

#menu_bas5 a span{
	padding:4px;
}

#menu_bas5 a:hover{
	padding:4px;
	color:#FFFFFF;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 38px center;
}

#menu_bas5 a:hover span {
	padding:4px;
	width:130px;
}

#menu_bas5 a.select{
	display:block;
	text-decoration:none;
	margin:0 0 0 0;
	padding:4px;
	color:#808274;
	font-style: italic;
	text-align:right;
	background:url(/charte/menu_puce.gif) no-repeat 38px center;
}

#menu_bas5 a.select span {
	width:130px;
	padding:4px;
	background:#FFFFFF;
}

/*Logo Attrait*/

#logo_attrait {
	width:175px;
	margin:0 0 15px 149px;
	text-align:center;
	padding:10px 0 0 0;
}

/*Visuel page*/

#contenu #visuel {
	display:block;
	width:654px;
	height:250px;
	margin:0 0 20px 0;
	background:url(/charte/structure_generale/ombre_droite.gif) no-repeat left bottom;
}

#visuel #visuel1 {
	display:block;
	width:654px;
	height:238px;
	background:url(/charte/visuels/visuel_index.jpg) no-repeat right top;
	margin:0 0 0 15px;
	-margin:0 0 0 0;
}

#visuel #visuel2 {
	display:block;
	width:654px;
	height:238px;
	background:url(/charte/visuels/visuel_force_experience.jpg) no-repeat right top;
	margin:0 0 0 15px;
}

#visuel #visuel3 {
	display:block;
	width:654px;
	height:238px;
	background:url(/charte/visuels/visuel_force_frappe.jpg) no-repeat right top;
	margin:0 0 0 15px;
}

#visuel #visuel4 {
	display:block;
	width:654px;
	height:238px;
	background:url(/charte/visuels/visuel_force_art.jpg) no-repeat right top;
	margin:0 0 0 15px;
}

#visuel #visuel5 {
	display:block;
	width:654px;
	height:238px;
	background:url(/charte/visuels/visuel_force_evidence.jpg) no-repeat right top;
	margin:0 0 0 15px;
}

#visuel #visuel7 {
	display:block;
	width:654px;
	height:238px;
	background:url(/charte/visuels/visuel_force_caractere.jpg) no-repeat right top;
	margin:0 0 0 15px;
}

#visuel #visuel9 {
	display:block;
	width:654px;
	height:238px;
	background:url(/charte/visuels/visuel_newsletter.jpg) no-repeat right top;
	margin:0 0 0 15px;
}

#visuel #visuel9 {
	display:block;
	width:654px;
	height:238px;
	background:url(/charte/visuels/visuel_force_seduction.jpg) no-repeat right top;
	margin:0 0 0 15px;
}

/*Corps de page*/
#corps {
	width:617px;
	margin:0 0 0 40px;
}

#corps #contenu_haut {
	width:617px;
	text-align:justify;
	margin:0 0 15px 0;
}

#corps #contenu_bas {
	width:617px;
	text-align:justify;
}

#contenu_bas #bas_gauche {
	width:280px;
	float:left;
	text-align:left;
}

#chiffre {
	width:617px;
	margin:0 0 0 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #808274;
}

#chiffre div {
	display:block;
	margin:0 0 5px 0;
}

#contenu_bas #bas_droit {
	margin:0 0 0 15px;
}

/*Textes*/

.titre {
	font-size:22px;
	font-weight:bold;
}

.soustitre {
	font-size:23px;
}

.soustitre_19px {
	font-size:19px;
}

.text_12px {
	font-size:12px;
}

.text_13px {
	font-size:13px;
}

.text_13px_justify {
	font-size:13px;
	text-align:justify;
}

.text_15px {
	font-size:15px;
}

.text_15px_justify {
	font-size:15px;
	text-align:justify;
	line-height:25px;
}

/*Liens*/

a {
	color:#808274;
	text-decoration:none;
}

a:hover {
	color:#808274;
	text-decoration:underline;
}

a.lien_couleur1 {
	color:#b5d827;
}

a:hover.lien_couleur1 {
	color:#b5d827;
}

a.lien_couleur2  {
	color:#EC23D7;
}

a:hover.lien_couleur2  {
	color:#EC23D7;
}

a.lien_couleur3 {
	color:#0ee6df;
}

a:hover.lien_couleur3 {
	color:#0ee6df;
}

a.lien_couleur4 {
	color:#10b8ff;
}

a:hover.lien_couleur4 {
	color:#10b8ff;
}

a.lien_couleur5{
	color:#ff3a97;
}

a:hover.lien_couleur5 {
	color:#ff3a97;
}

a.lien_couleur6 {
	color:#ffcb11;
}

a:hover.lien_couleur6 {
	color:#ffcb11;
}

/*Lien couleur gris*/

a.lien_couleur7 {
	color:#808274;
}

a:hover.lien_couleur7 {
	color:#808274;
}

/*Lien couleur texte blog*/

a.lien_couleur8 {
	color:#2e2e2a;
}

a:hover.lien_couleur8 {
	color:#2e2e2a;
}

/*Lien blanc*/

a.lien_blanc{
	color:#FFFFFF;
	text-decoration:none;
}

a:hover.lien_blanc {
	color:#FFFFFF;
	text-decoration:none;
}

.pointer {
	cursor:pointer;
}

/*Footer*/

#contenu #footer {
	width:617px;
	height:40px;
	margin:20px 0 0 0;
}

#bouton_contact {
	display:block;
	height:24px;
	float:left;
}

#bouton_contact a {
	display:block;
	width:170px;
	height:14px;
	background:url(/charte/boutons/btn_contact_coul1.gif) no-repeat top left;
	color:#808174;
	text-decoration:none;
	text-align:left;
	font-size:13px;
	padding:10px 0 0 38px;
	font-weight:bold;
}

#bouton_contact a:hover{
	display:block;
	width:170px;
	height:14px;
	background:url(/charte/boutons/btn_contact_coul1.gif) no-repeat top left;
	color:#FFF;
	text-decoration:none;
	text-align:left;
	font-size:13px;
	padding:10px 0 0 38px;
	color:#b5d827;
	font-weight:bold;
}


#bouton_contact a.btn_coul2 {
	background:url(/charte/boutons/btn_contact_coul2.gif) no-repeat left;
}

#bouton_contact a:hover.btn_coul2 {
	background:url(/charte/boutons/btn_contact_coul2.gif) no-repeat left;
	color:#EC23D7;
}

#bouton_contact a.btn_coul3 {
	background:url(/charte/boutons/btn_contact_coul3.gif) no-repeat left;
}

#bouton_contact a:hover.btn_coul3 {
	background:url(/charte/boutons/btn_contact_coul3.gif) no-repeat left;
	color:#0EE6DF;
}

#bouton_contact a.btn_coul4 {
	background:url(/charte/boutons/btn_contact_coul4.gif) no-repeat left;
}

#bouton_contact a:hover.btn_coul4 {
	background:url(/charte/boutons/btn_contact_coul4.gif) no-repeat left;
	color:#10B8FF;
}

#bouton_contact a.btn_coul5 {
	background:url(/charte/boutons/btn_contact_coul5.gif) no-repeat left;
}

#bouton_contact a:hover.btn_coul5 {
	background:url(/charte/boutons/btn_contact_coul5.gif) no-repeat left;
	color:#FF3A97;
}

#newsletter {
	display:block;
	height:24px;
	float:right;
	margin:0 0 20px 0;
}

#newsletter a {
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#newsletter a:hover {
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
}

#copy {
	font-size:11px;
	text-align:center;
	width:600px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	clear:both;
}

#copy h1{
	font-size:11px;
	text-align:center;
	font-weight:normal;
	display:inline;
}

#copy2 {
	font-size:11px;
	text-align:left;
	margin:0 0 0 78px;
	padding:0 0 0 0;
	clear:both;
}

#copy2 h2{
	font-size:11px;
	text-align:center;
	font-weight:normal;
	display:inline;
}

#copy2 a{
	font-size:11px;
	text-align:center;
	font-weight:normal;
	text-decoration:none;
}

/*Bordures*/

.border_bas {
	border-bottom:1px solid #808274;
}

/*Page Force de l'expérience*/

#bas_equipe {
	width:617px;
	margin:0 0 0 0;
	padding:5px 0 0 0;
}

#bas_equipe #vignettes {
	width:617px;
	height:42px;
}

#vignettes ul {
	padding:0 0 0 0;
	margin:10px 0 0 0;
}

#vignettes ul li {
	width:42px;
	height:42px;
	display:inline;
	margin: 0 0 1px 0;
}

#bas_equipe #photos {
	widows:617px;
	height:308px;
	margin:65px 0 0 0;
	background:url(/charte/equipe/fd_nom_equipe.jpg) no-repeat 360px 50px #ececea;
}

#photos #photo_gauche {
	display:block;
	width:308px;
	height:308px;
	float:left;
	
}

#photos #equipe_droite {
	display:block;
	width:308px;
	height:163px;
	float:left;
	text-align:center;
	color:#808274;
	font-size:17px;
	background:url(/charte/equipe/fd_nom_equipe.jpg) no-repeat center center;
	padding:145px 0 0 0;
	
}

/*Page Force de frappe*/

.bloc_text_gauch {
	width:290px;
	min-height:120px;
	text-align:left;
	float:left;
	font-size:12px;
	margin:0 0 20px 0;
}

.bloc_text_gauch ul{
	padding: 0 0 0 45px;
	margin:0 0 0 5px;
}

.bloc_text_gauch ul li{
	list-style-position: outside;
	margin: 0 0 0 5px;
}

.bloc_text_droit {
	width:290px;
	min-height:120px;
	text-align:left;
	float:right;
	font-size:12px;
	margin:0 0 20px 0;
}

.bloc_text_droit ul{
	padding: 0 0 0 45px;
	margin:0 0 0 5px;
}

.bloc_text_droit ul li{
	list-style-position: outside;
	margin: 0 0 0 5px;
}

.bloc_text_gauch .picto {
	width:37px;
	height:80px;
	float:left;
	margin:0 5px 0 0;
}
.bloc_text_droit .picto {
	width:37px;
	height:80px;
	float:left;
	margin:0 5px 0 0;
}

/*Page Force de l'art*/

.bloc_art {
	position:relative;
	width:617px;
	margin:10px 0 0 0;
}

.bloc_art .titre_force {
	float:left;
	width:110px;
	height:18px;
	color:#808174;
	text-align:left;
	padding:3px 10px 0 0;
	font-weight:bold;
	font-size:18px
}

.titre_force .force_numero{
	font-size:26px;
	font-weight:bold;
}

.bloc_art .picto_force {
	float:left;
	width:35px;
	height:35px;
	margin:0 10px 0 0;
	float:left;
	text-align:right;
}

.bloc_art .text_art {
	width:575px;
}

.text_art .savoir_plus a{
	display:block;
	width:110px;
	height:20px;
	text-align:left;
	color:#808274;
	text-decoration:none;
	margin:5px 0 0 165px;
}

.text_art .savoir_plus a:hover{
	display:block;
	width:110px;
	height:20px;
	text-align:left;
	color:#10B8FF;
	text-decoration:none;
	margin:5px 0 0 165px;
}

.bloc_savoir_plus {
	clear:both;
	margin:5px 0 10px 165px;
	padding:0 0 0 8px;
	border-left:1px solid #10B8FF;
	text-align:justify;
}

/*Page force de l'evidence*/

.bloc_evidence {
	position:relative;
	display:block;
	width:617px;
	height:70px;
}

.bloc_evidence .picto_evidence {
	width:45px;
	float:left;
}

.bloc_evidence .text_evidence {
	font-size:15px;
	width:550px;
	float:left;
	font-weight:bold;
}

/*Pages La Force d'exemples*/

#corps #ref_haut {
	width:617px;
	height:389px;
	margin:0 0 15px 0;
	text-align:center;
	background-image: url(/charte/references/visuel_generique.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#ref_haut #reference{
	width:540px;
	height:389px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#ref_haut #flech_prec {
	float:left;
	margin:180px 0 0 0;
	display:block;
	height:26px;
	width:17px;
}

#flech_prec a{
	display:block;
	height:26px;
	width:17px;
	background:url(/charte/references/flech_prec.gif) no-repeat 0 0;
}

#flech_prec a:hover{
	display:block;
	height:26px;
	width:17px;
	background:url(/charte/references/flech_prec.gif) no-repeat 0 -26px;
}

#ref_haut #flech_suiv {
	float:right;
	margin:180px 0 0 0;
	display:block;
	height:26px;
	width:17px;
}

#flech_suiv a{
	display:block;
	height:26px;
	width:17px;
	background:url(/charte/references/flech_suiv.gif) no-repeat 0 0;
}

#flech_suiv a:hover{
	display:block;
	height:26px;
	width:17px;
	background:url(/charte/references/flech_suiv.gif) no-repeat 0 -26px;
}

#numerotation {
	float:right;
	clear:both;
	height:16px;
	margin:5px 63px 0 0;
}

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

#numerotation ul li {
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin:0 0 0 4px;
}

#numerotation ul li a{
	display:block;
	width:16px;
	height:16px;
	background:url(/charte/references/num_fd.gif) no-repeat 0 0;
	font-size:11px;
	text-align:center;
	color:#7d7f72;
	font-weight:bold;
}

#numerotation ul li a:hover{
	display:block;
	width:16px;
	height:16px;
	background:url(/charte/references/num_fd.gif) no-repeat 0 -16px;
	font-size:11px;
	text-align:center;
	color:#7d7f72;
	text-decoration:none;
	font-weight:bold;
}

#numerotation ul li a.num_select{
	display:block;
	width:16px;
	height:16px;
	background:url(/charte/references/num_fd.gif) no-repeat 0 -16px;
	font-size:11px;
	text-align:center;
	color:#7d7f72;
	font-weight:bold;
}

#ref_titre {
	text-align:center;
	margin:0 auto 0 auto;
	padding:50px 0 90px 0;
	border-bottom:1px solid #808274;
	color:#808274;
	font-size:13px;
	font-weight:bold;
}

#ref_bas {
	width:617px;
	text-align:left;
	margin:20px auto 0 auto;
	font-size:11px;
}

#ref_bas ul {
	padding:0 0 0 0;
	margin:0 0 10px 0;
	list-style:none;
}

#ref_bas ul li {
	display:inline;
	padding:0 0 0 0;
	margin:0 5px 0 0;
	list-style:none;
}

#ref_bas a {
text-decoration:none;
}

#ref_bas a:hover {
text-decoration:underline;
}

#footer_ref {
	width:200px;
	clear:both;
	margin:10px 0 0 185px;
	text-align:center;
}

/*Spécificités references statitiques*/

#visuel_ref {
	width:540px;
	height:389px;
	z-index: 0;
}

#

/*Bouton autres réalisation*/

#autres_ref {
	height:25px;
	padding:20px 0 0 30px;
	text-align:center;
}


/*Page force de caractere*/

.bloc_caractere {
	position:relative;
	display:block;
	width:617px;
	height:70px;
}

.bloc_caractere .picto_caractere {
	width:65px;
	float:left;
}

.bloc_caractere .text_caractere {
	font-size:13px;
	width:550px;
	float:left;
}

.bloc_caractere .titre_caractere {
	font-size:20px;
	margin:0 0 10px 0;
	font-weight:bold;
	
}

/*Page Newsletter*/

#corps #newsletter_haut {
	width:617px;
	height:110px;
	text-align:center;
	margin:0 0 15px 0;
	border-bottom:1px solid #808274;
	font-size:15px;
}

#newsletter_haut #inscription_nl {
	width:250px;
	height:70px;
	margin:0 auto 0 auto;
	color:#b8d23d;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

#newsletter_haut input {
	width:223px;
	height:17px;
	border: 1px solid #808274;
	font-size:12px;
	float:left;
}


#newsletter_haut .btn_ok {
	float:left;
	width:21px;
	height:21px;
	background:url(/charte/boutons/btn_ok.gif) no-repeat 0 0;
	cursor:pointer;
	border:none;
}

#newsletter_haut .btn_ok_on {
	float:left;
	width:21px;
	height:21px;
	background:url(/charte/boutons/btn_ok.gif) no-repeat 0 -21px;
	cursor:pointer;
	border:none;
}

#corps #newsletter_centre {
	width:617px;
	height:250px;
	margin:0 0 15px 0;
}

#newsletter_centre .newsletter_detail  {
	width:165px;
	margin: 0 20px 0 20px;
	float:left;
	cursor:pointer;
}

.newsletter_detail a {
	text-decoration:none;
}


.newsletter_detail .intitule {
	display:block;
	width:165px;
	height:35px;
	text-align:center;
}

.newsletter_detail .date {
	display:block;
	margin: 0 0 0 7px;
	width:151px;
	height:15px;
	text-align:center;
	color:#FFF;
	font-size:12px;
	background:#bfc0b9;
}

#archive {
	width:617px;
	height:20px;
	text-align:center;
	border-bottom:1px solid #808274;
	font-size:15px;
}

#newsletter_bas {
	width:617px;
	height:100px;
}

#newsletter_bas .newsletter_liste  {
	width:260px;
	margin: 5px 20px 0 20px;
	font-size:11px;
	float:left;
	text-align:left;
}

.newsletter_liste ul{
	padding:0 0 0 10px;
	margin:0 0 0 0;
}

.newsletter_liste ul li{
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style: outside none disc;
}

.newsletter_liste ul li a{
	text-decoration:none;
	color:#808174;
}

.newsletter_liste ul li a:hover{
	text-decoration:underline;
	color:#808174;
}

/*Page Contact*/

#corps #contenu_haut_contact {
	width:617px;
	text-align:justify;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #808274;
}

#contenu_haut_contact .contact_gauch {
	float:left;
	width:230px;
	margin: 0 30px 0 0;
}

#contenu_haut_contact .contact_droit {
	float:left;
	width:320px;
	margin: 0 30px 0 0;
	background:url(/charte/pictos/picto_fd_message.gif) no-repeat top right;
}

#contenu_haut_contact form {
	margin:0 auto 0 auto;
	padding:0 0 0 0;
}

#contenu_bas_contact {
	width:617px;
	text-align:justify;
	margin:0 0 0 0;
}

#contenu_bas_contact #acces {
	width:617px;
	height:320px;
	float:left;
	margin:0 0 15px 0;
}

#contenu_bas_contact #recrutement {
	width:270px;
	height:320px;
	float:left;
	margin:0 0 0 0;
	font-size:11px;
}

.btn_envoyer {
	height:21px;
	width:100px;
	background:url(/charte/boutons/btn_ok.gif) no-repeat left 0;
	padding: 0 0 0 26px;
	border:none;
	text-align:left;
	color:#808174;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	margin:21px 0 0 0;
}

.btn_envoyer_on {
	height:21px;
	width:100px;
	background:url(/charte/boutons/btn_ok.gif) no-repeat left -21px;
	padding: 0 0 0 26px;
	border:none;
	color:#B5d827;
	text-align:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	margin:21px 0 0 0;
}

.btn_envoyer2 {
	height:21px;
	width:100px;
	background:url(/charte/boutons/btn_ok.gif) no-repeat left 0;
	padding: 0 0 0 26px;
	border:none;
	text-align:left;
	color:#808174;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	margin:5px 0 0 0;
}

.btn_envoyer2_on {
	height:21px;
	width:100px;
	background:url(/charte/boutons/btn_ok.gif) no-repeat left -21px;
	padding: 0 0 0 26px;
	border:none;
	color:#B5d827;
	text-align:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	margin:5px 0 0 0;
}



/*Formulaire*/

form {
	padding:0 0 0 0;
	margin:0 0 0 0;
}

label {
	font-size:12px;
}

input {
	width:225px;
	height:17px;
	border: 1px solid #808274;
	background:#FFF;
	font-size:12px;
}

input.file {
	width:225px;
	height:20px;
	border: 1px solid #808274;
	background:#FFF;
	font-size:12px;
}

textarea {
	width:320px;
	height:115px;
	border: 1px solid #808274;
}

#erreur {
	color:#ce1757;
}

#mailok {
	color:#8ba61f;
}

.textarea_recrut {
	height:123px;
}

#conteneurFile {
	border:none;
	padding:0 0 0 0;
	margin:30px 0 0 0;
}

#file #divFile {
    position: relative;
    width: 250px;
    text-align: right;
}

#conteneurFile .inputFile {
    opacity: 0; /* pour !IE */
    filter : alpha(opacity=0); /* pour IE */
    position: absolute;
    right: 0;
    top: 0;
}

#conteneurFile .inputText {
   width: 145px;
}

#conteneurFile span
{
    
    background      : #999999;
    width           : 80px;
    padding         : 1px 10px;
	color:#FFF;
}

/*Encart blog*/

#blog {
	width:225px;
	height:328px;
	float:right;
	margin: 35px 45px 0 0;
}

#blog #titre_blog {
	text-align:left;
	color:#FFF;
	font-size:16px;
}

.titre_30px {
	display:block;
	height:28px;
	font-size:28px;
	margin: 0 0 8px 40px;
}

#blog .contenu_blog {
	width:225px;
	margin:0 0 10px 0;
	color:#2e2e2a;
	text-align:left;
	font-size:11px;
}

.contenu_bloc .lire_suite {
	font-style: italic;
	font-weight:bold;
	font-size:11px;
	text-align:right;
}