/*css de mise en forme des éléments, couleurs titres liens fond des pages internes etc.*/
#logo {
	position:absolute;
	top:40px;
	left:20px;
}

/*MISE EN FORME GENERALE*/
/*On fixe par défaut le cas le plus courant puis le cas échéant on modifie bloc par bloc la présentation*/
/* Liens*/
a{
	font-weight:bold;
	color:#6164D2;
	text-decoration:none;	
}
a:visited{}

a:hover{ 
	color:#FE7201;
	text-decoration:none;	
}
/*Liste menu ou autre*/
/*pas de puces*/
#centre p{
	margin: 25px 0;
}

#centre p span{
	color:#7169bc;
	font-weight:bold;
}

ul li{
	list-style-type:none;
}
/*élément de formulaire*/
	input, select{
	height:12px;
	font-size: 10px;
	color:#7b7dd4;
	border:1px solid #7b7dd4;
}
#recherche{
	position:absolute;
	top:4px;
	left:490px;
	margin-left:10px;
	color:white;
}
#recherche span{
	display:block;
	width:150px;
	float:left;
	background:  url(../../images/fleche-recherche.gif) no-repeat bottom right;}
#recherche input#submit{
	height:16px;
	width:21px;
	color:#FFF;
	border:none;
	background:#5359a8;
}

/*Mise en forma agenda*/
h2#titre_agenda{
/*titre rendu invisible et remplacé par son background pour l'effet visuel de polcie et trait, si désactivation des feuilles de style, le titre est visible car présent dans le html*/
	text-indent:-90000px;
	background: white url(../../images/titres/titre_agenda.gif) no-repeat bottom left;
	margin:20px 0 0 25px;
}
dl#agenda{
	padding:0 20px 0 20px;
	margin:0 0 10px 25px;
	background: white url(../../images/bg_agenda.jpg) no-repeat top left;
}
#agenda dt#ag_premier_dt{padding-top:10px;}
#agenda dt {
	font-weight:bold;
	color:#FE7201;
}
#agenda dt span.date{
	color:#757575;	
}
#agenda dt a.adresse{
	color:#FE7201;
}
#agenda dd{
	margin:0;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}
#agenda dd span.date{
	color:#757575;	
}

/*Accueil*/
h1#titre_recrute{
/*titre rendu invisible et remplacé par son background pour l'effet visuel de police et trait, si désactivation des feuilles de style, le titre est visible car présent dans le html*/
	text-indent:-90000px;
	margin:20px 0 0 25px;
}
h1#titre_actualites{
/*titre rendu invisible et remplacé par son background pour l'effet visuel de police et trait, si désactivation des feuilles de style, le titre est visible car présent dans le html*/
	text-indent:-90000px;
	background: white url(../../images/titres/titre_actualites.gif) no-repeat bottom left;
	margin:20px 0 0 25px;
}
dl#actualites{
	padding:0 20px 0 20px;
	margin:0 0 10px 25px;
	background: white url(../../images/bg_actus.jpg) no-repeat top left;
}
#actualites dt#ag_premier_dt{padding-top:10px;}
#actualites dt#pointille{
	background: white url(../../images/filet_pointille.gif) repeat-x bottom left;
	padding-bottom:5px;
	margin:0 84px 0 35px;
}
#actualites dt {
	font-weight:bold;
	color:#7169bc;
}
#actualites dd{
	margin:0;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}

/*missions*/
#missions{
	margin:0 90px 0 40px;
	text-align: justify;
}
ul#presente-missions {
	list-style-image: url(../../images/puce-fl-hor-rose.gif);
	margin:0;
	padding:0 0 0 25px ;
}
ul#presente-missions li {
	margin-left:10px;
}

#cegape{
	text-indent:-9000px;
	width:76px;
	float:left;
	background: url(../../images/cegape.gif) no-repeat bottom left;
}

/*Pages internes; ; pour exemple : Les formations > présentation*/
/*points communs aux page internes*/

/*col gauche*/
/*actus*/
h2#titre_actualites_gauche{
/*titre rendu invisible et remplacé par son background pour l'effet visuel de polcie et trait, si désactivation des feuilles de style, le titre est visible car présent dans le html*/
	text-indent:-90000px;
	background: white url(../../images/titres/titre_actualites_col-g.gif) no-repeat bottom left;
	margin:20px 0 0 25px;
}
dl#actualites_gauche{
	padding:0 20px 0 20px;
	margin:0 0 10px 25px;
	background: white url(../../images/bg_actus.jpg) no-repeat top left;
}
#actualites_gauche dt#ag_premier_dt{padding-top:10px;}
#actualites_gauche dt {
	font-weight:bold;
	color:#7169bc;
}
#actualites_gauche dd{
	margin:0;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}

/*titre de niveau 2 et 3*/
div#centre h2{
	background:#7169bc;
	color:#FFF;
	font-size:16px;
	padding: 0;
	margin:0;
}
/*on utilise une balise en ligne span pour affecter le fond et la mise en forme du texte*/
div#centre h2 span{
	display:block;
	background:#7b7dd4;
	padding:3px;
	margin:0;
	width:210px;
}
#centre h3{
	color:#7169bc;
	font-size:14px;
	margin:25px 0;
}
/*on utilise une balise en ligne span pour affecter le fond et la mise en forme de la lettrine*/
#centre h3 span{
	color:#FFF;
	background:#7169bc;
	padding:2px 3px 2px 15px;
	margin:0;
}

/*spécificités par pages
Police : Tahoma ; Standard ; 18px ; R : 85, V : 79, B : 156)
*/
.page_en_construction {
	width:350px;
	padding:0px 50px;
	padding-bottom:226px;
	background: url(../../images/page_en_construction.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.detail{
	list-style-type:none;
	background-image:url(../../images/picto_fleche.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding-left:10px;
}

.asterisque{ /* sur toute la largeur, non centrée*/
	font-weight:bold;
	color:#FE7201;
}
.asterisque2{ /* sur toute la largeur, centrée */
	text-align:center;
	font-weight:bold;
	color:#FE7201;
}
.asterisque3{ /* on réduit la largeur pour ne pas laisser apparaître l'image de fond, centrée */
	width:440px;
	text-align:center;
	font-weight:bold;
	color:#FE7201;
}

#cadre {
	text-align: center;
	width: 350px;
	height: auto;
	border: 1px dashed #5C2468;
	margin-top:20px;
	margin-left:95px;
	margin-bottom:20px;	
}
#cadre p span{
	color:#7169bc;
	font-weight:bold;
}
#cadre2 {
	width: 440px;
	height: auto;
	border-bottom: 1px dotted #5C2468;
	margin-top:5px;	
}
#cadre2 span{
	color:#7169bc;
	font-weight:bold;
}
#cadre3 {
	width: 300px;
	height: auto;
	border: 1px dashed #5C2468;
	margin-top:20px;
	margin-bottom:20px;	
}
#cadre3 span{
	color:#7169bc;
	font-weight:bold;
}
#cadre4 {
	width: 440px;
	height: auto;
	border-bottom: 1px solid #5C2468;
	border-top: 1px solid #5C2468;
	margin-top:5px;	
}
#cadre4 span{
	color:#7169bc;
	font-weight:bold;
}

blockquote {
	margin: 0px;
	margin-left: 25px;
}


div#sommaire {
	background: white url(../../images/filet_pointille.gif) repeat-x bottom left;
	padding-bottom:10px;	
	margin:0 160px 0 0;
}
#sommaire span{
	color:#7169bc;
	font-weight:bold;
}
#sommaire ul {
	background: white url(../../images/titres/titre_sommaire.gif) no-repeat top left;
	margin:0;
	padding:10px 0 0 10px ;
}

/*################################## FORMULAIRES ######################### */
.inputbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5359A8;
	margin: 1px;
	padding: 1px;
	border: 1px solid #5359A8;
	width: 235px;
	height:auto;
	background: none;
}
input.submit, input.reset {
    color: #FFFFFF;
	border : 1px solid #525AAD;
	font-size : 11px;
	width : 200px;
	height:auto;
	font-weight: bold;
	cursor : pointer;
    background-color : #7b7dd4;
}
input.submit:hover, input.reset:hover {
	background-color : #525AAD;
}

table.fiche {
	border : 1px solid #525AAD;
}
table.fiche td {
	color: #7169bc;
	border-bottom : 1px solid #FFE9EC;
	padding: 2px 2px 2px 8px;
}
table.fiche tr.header td {
	font-size: 12px;
	font-weight: bold;
	text-align : left;
	border-bottom : 1px solid #525AAD;
}



/*########################### QUI SOMMES NOUS ? ######################### */
/* Police : Tahoma ; Standard ; 18 px ; R : 85, V : 79, B : 156) */
h1#titre_presentation{
	text-indent:-9000px;
	width:302px; /* largeur de la taille de l'image de fond*/
	background: url(../../images/titres/titre1_presentation.gif) no-repeat bottom left;
	margin:0 84px 0 35px; /* Marges pour correspondance avec le bloc contenant les h2 H" et paragraphes*/
}
div#presentation {
	margin:0 84px 0 35px;
	background: url(../../images/bg_presentation.jpg) no-repeat top right;
	border-bottom :1px dotted #ccc;
	text-align:justify;
}	
ul#puces-presentation {
	margin:0;
	padding:0 0 0 10px ;
}

ul#puces-presentation li {
	list-style-type:none;
	background-image:url(../../images/puce-fl-hor-rose.gif);
	background-repeat:no-repeat;
	background-position:0% 5%;
	padding-left:30px;
	padding-bottom:15px;
}
ul#puces-presentation li.para_haut{
	width:400px;/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/
}
ul#puces-presentation span{
	color:#7169bc;
	font-weight:bold;
}
div#presentation p.para_haut{
	width:440px;
}/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/



/*################################### FORMATIONS ################################# */

h1#titre_formations{
	text-indent:-9000px;
	width:220px; /* largeur de la taille de l'image de fond*/
	background: url(../../images/titres/titre1_formations.gif) no-repeat bottom left;
	margin:0 84px 0 35px; /* Marges pour correspondance avec le bloc contenant les h2 H" et paragraphes*/
}
div#formations {
	margin:0 84px 0 35px;
	background: url(../../images/bg_formations.jpg) no-repeat top right;
	border-bottom :1px dotted #ccc;
	text-align:justify;
}	
ul#puces-formations {
	margin:0;
	padding:0 0 0 10px ;
}

ul#puces-formations li {
	list-style-type:none;
	background-image:url(../../images/puce-fl-hor-rose.gif);
	background-repeat:no-repeat;
	background-position:0% 5%;
	padding-left:30px;
	padding-bottom:15px;
}
ul#puces-formations li.para_haut{
	width:400px;/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/
}
ul#puces-formations span{
	color:#7169bc;
	font-weight:bold;
}
div#formations p.para_haut{
	width:440px;
}/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/



/*################################# LES PROGICIELS ######################### */

h1#titre_progiciels{
	text-indent:-9000px;
	width:302px; /* largeur de la taille de l'image de fond*/
	background: url(../../images/titres/titre1_progiciels.gif) no-repeat bottom left;
	margin:0 84px 0 35px; /* Marges pour correspondance avec le bloc contenant les h2 H" et paragraphes*/
}
div#progiciels {
	margin:0 84px 0 35px;
	background: url(../../images/bg_progiciels.jpg) no-repeat top right;
	border-bottom :1px dotted #ccc;
	text-align:justify;
}	
ul#puces-progiciels {
	margin:0;
	padding:0 0 0 10px ;
}

ul#puces-progiciels li {
	list-style-type:none;
	background-image:url(../../images/puce-fl-hor-rose.gif);
	background-repeat:no-repeat;
	background-position:0% 5%;
	padding-left:30px;
	padding-bottom:15px;
}

ul#puces-progiciels li.para_haut{
	width:400px;/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/
}
ul#puces-progiciels span{
	color:#7169bc;
	font-weight:bold;
}
div#progiciels p.para_haut{
	width:440px;
}/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/



/*################################# ESPACE CLIENTS ######################### */

h1#titre_espace_clients{
	text-indent:-9000px;
	width:302px; /* largeur de la taille de l'image de fond*/
	background: url(../../images/titres/titre1_espace_clients.gif) no-repeat bottom left;
	margin:0 84px 0 35px; /* Marges pour correspondance avec le bloc contenant les h2 H" et paragraphes*/
}
div#espace_clients {
	margin:0 84px 0 35px;
	background: url(../../images/bg_espace_clients.jpg) no-repeat top right;
	border-bottom :1px dotted #ccc;
	text-align:justify;
}	
ul#puces-espace_clients, ul#puces-espace_clients2 {
	margin:0;
	padding:0 0 0 10px ;
}

ul#puces-espace_clients li {
	list-style-type:none;
	background-image:url(../../images/puce-fl-hor-rose.gif);
	background-repeat:no-repeat;
	background-position:0% 5%;
	padding-left:30px;
	padding-bottom:15px;
}

ul#puces-espace_clients2 li {
	list-style-type:none;
	background-image:url(../../images/puce-fl-hor-rose.gif);
	background-repeat:no-repeat;
	background-position:0% 25%;
	padding-left:30px;
	padding-bottom:15px;
}

ul#puces-espace_clients li.para_haut{
	width:400px;/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/
}
ul#puces-espace_clients span{
	color:#7169bc;
	font-weight:bold;
}
div#espace_clients p.para_haut{
	width:440px;
}/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/



/*################################# ESPACE CLIENTS INDEM ######################### */

h1#titre_espace_clients_INDEM{
	text-indent:-9000px;
	width:302px; /* largeur de la taille de l'image de fond*/
	background: url(../../images/titres/titre2_espace_clients.gif) no-repeat bottom left;
	margin:0 84px 0 35px; /* Marges pour correspondance avec le bloc contenant les h2 H" et paragraphes*/
}
div#espace_clients_INDEM {
	margin:0 84px 0 35px;
	background: url(../../images/bg_espace_clients.jpg) no-repeat top right;
	border-bottom :1px dotted #ccc;
	text-align:justify;
}	
ul#puces-espace_clients_INDEM, ul#puces-espace_clients2_INDEM {
	margin:0;
	padding:0 0 0 10px ;
}

ul#puces-espace_clients_INDEM li {
	list-style-type:none;
	background-image:url(../../images/puce-fl-hor-rose.gif);
	background-repeat:no-repeat;
	background-position:0% 5%;
	padding-left:30px;
	padding-bottom:15px;
}

ul#puces-espace_clients2_INDEM li {
	list-style-type:none;
	background-image:url(../../images/puce-fl-hor-rose.gif);
	background-repeat:no-repeat;
	background-position:0% 25%;
	padding-left:30px;
	padding-bottom:15px;
}

ul#puces-espace_clients_INDEM li.para_haut{
	width:400px;/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/
}
ul#puces-espace_clients_INDEM span{
	color:#7169bc;
	font-weight:bold;
}
div#espace_clients_INDEM p.para_haut{
	width:440px;
}/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/


/*################################# ESPACE CLIENTS WIN-PAIE ######################### */

h1#titre_espace_clients_WP{
	text-indent:-9000px;
	width:302px; /* largeur de la taille de l'image de fond*/
	background: url(../../images/titres/titre3_espace_clients.gif) no-repeat bottom left;
	margin:0 84px 0 35px; /* Marges pour correspondance avec le bloc contenant les h2 H" et paragraphes*/
}
div#espace_clients_WP {
	margin:0 84px 0 35px;
	background: url(../../images/bg_espace_clients.jpg) no-repeat top right;
	border-bottom :1px dotted #ccc;
	text-align:justify;
}	
ul#puces-espace_clients_WP, ul#puces-espace_clients2_WP {
	margin:0;
	padding:0 0 0 10px ;
}

ul#puces-espace_clients_WP li {
	list-style-type:none;
	background-image:url(../../images/puce-fl-hor-rose.gif);
	background-repeat:no-repeat;
	background-position:0% 5%;
	padding-left:30px;
	padding-bottom:15px;
}

ul#puces-espace_clients2_WP li {
	list-style-type:none;
	background-image:url(../../images/puce-fl-hor-rose.gif);
	background-repeat:no-repeat;
	background-position:0% 25%;
	padding-left:30px;
	padding-bottom:15px;
}

ul#puces-espace_clients_WP li.para_haut{
	width:400px;/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/
}
ul#puces-espace_clients_WP span{
	color:#7169bc;
	font-weight:bold;
}
div#espace_clients_WP p.para_haut{
	width:440px;
}/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/


/*################################# DOMAINES D'EXPERTISE ######################### */
h1#titre_domaines_expertise{
	text-indent:-9000px;
	width:302px; /* largeur de la taille de l'image de fond*/
	background: url(../../images/titres/titre1_domaines_expertise.gif) no-repeat bottom left;
	margin:0 84px 0 35px; /* Marges pour correspondance avec le bloc contenant les h2 H" et paragraphes*/
}
div#domaines_expertise {
	margin:0 84px 0 35px;
	background: url(../../images/bg_audit_etude_conseil.jpg) no-repeat top right;
	border-bottom :1px dotted #ccc;
	text-align:justify;
}	
ul#puces-domaines_expertise {
	margin:0;
	padding:0 0 0 10px ;
}

ul#puces-domaines_expertise li {
	list-style-type:none;
	background-image:url(../../images/puce-fl-hor-rose.gif);
	background-repeat:no-repeat;
	background-position:0% 5%;
	padding-left:30px;
	padding-bottom:15px;
}
ul#puces-domaines_expertise li.para_haut{
	width:400px;/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/
}
ul#puces-domaines_expertise span{
	color:#7169bc;
	font-weight:bold;
}
div#domaines_expertise p.para_haut{
	width:440px;
}/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/


/*########################### AUDIT ETUDE CONSEIL ? ######################### */
h1#titre_audit_etude_conseil{
	text-indent:-9000px;
	width:302px; /* largeur de la taille de l'image de fond*/
	background: url(../../images/titres/titre1_audit_etude_conseil.gif) no-repeat bottom left;
	margin:0 84px 0 35px; /* Marges pour correspondance avec le bloc contenant les h2 H" et paragraphes*/
}
div#audit_etude_conseil {
	margin:0 84px 0 35px;
	background: url(../../images/bg_audit_etude_conseil.jpg) no-repeat top right;
	border-bottom :1px dotted #ccc;
	text-align:justify;
}	
ul#puces-audit_etude_conseil {
	margin:0;
	padding:0 0 0 10px ;
}

ul#puces-audit_etude_conseil li {
	list-style-type:none;
	background-image:url(../../images/puce-fl-hor-rose.gif);
	background-repeat:no-repeat;
	background-position:0% 5%;
	padding-left:30px;
	padding-bottom:15px;
}
ul#puces-audit_etude_conseil li.para_haut{
	width:400px;/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/
}
ul#puces-audit_etude_conseil span{
	color:#7169bc;
	font-weight:bold;
}
div#audit_etude_conseil p.para_haut{
	width:440px;
}/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/

/*################################# AUTRES FORMULAIRES ######################### */
h1#titre_liens{
	text-indent:-9000px;
	width:220px; /* largeur de la taille de l'image de fond*/
	background: url(../../images/titres/titre1_liens.gif) no-repeat bottom left;
	margin:0 84px 0 35px; /* Marges pour correspondance avec le bloc contenant les h2 H" et paragraphes*/
}
div#liens {
	margin:0 84px 0 35px;
	background: url(../../images/bg_divers.jpg) no-repeat top right;
	border-bottom :1px dotted #ccc;
	text-align:justify;
}

h1#titre_plan{
	text-indent:-9000px;
	width:220px; /* largeur de la taille de l'image de fond*/
	background: url(../../images/titres/titre1_plan.gif) no-repeat bottom left;
	margin:0 84px 0 35px; /* Marges pour correspondance avec le bloc contenant les h2 H" et paragraphes*/
}
div#plan {
	margin:0 84px 0 35px;
	background: url(../../images/bg_divers.jpg) no-repeat top right;
	border-bottom :1px dotted #ccc;
	text-align:justify;
}

h1#titre_recrutement{
	text-indent:-9000px;
	width:220px; /* largeur de la taille de l'image de fond*/
	background: url(../../images/titres/titre1_recrutement.gif) no-repeat bottom left;
	margin:0 84px 0 35px; /* Marges pour correspondance avec le bloc contenant les h2 H" et paragraphes*/
}
div#recrutement {
	margin:0 84px 0 35px;
	background: url(../../images/bg_divers.jpg) no-repeat top right;
	border-bottom :1px dotted #ccc;
	text-align:justify;
}
div#recrutement p.para_haut{
	width:440px;
}/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/

h1#titre_contact{
	text-indent:-9000px;
	width:220px; /* largeur de la taille de l'image de fond*/
	background: url(../../images/titres/titre1_contact.gif) no-repeat bottom left;
	margin:0 84px 0 35px; /* Marges pour correspondance avec le bloc contenant les h2 H" et paragraphes*/
}
div#contact {
	margin:0 84px 0 35px;
	background: url(../../images/bg_divers.jpg) no-repeat top right;
	border-bottom :1px dotted #ccc;
	text-align:justify;
}
div#contact p.para_haut{
	width:440px;
}/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/

h1#titre_mailing{
	text-indent:-9000px;
	width:302px; /* largeur de la taille de l'image de fond*/
	background: url(../../images/titres/titre1_mailing.gif) no-repeat bottom left;
	margin:0 84px 0 35px; /* Marges pour correspondance avec le bloc contenant les h2 H" et paragraphes*/
}
div#mailing{
	margin:0 84px 0 35px;
	background: url(../../images/bg_divers.jpg) no-repeat top right;
	border-bottom :1px dotted #ccc;
	text-align:justify;
}
div#mailing p.para_haut{
	width:440px;
}/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/
div#mailing p.para_haut2{
	width:440px;
	text-align:center;
}/*réduction largeur des paragraphes pour laisser apparaître l'image de fond*/


#pied, .pied-copyright {
	background:#5C2468;
	height:25px;
	text-align:center;
} 
.pied-copyright{
	color:#FFF;
	background:#5C2468;
	margin:0;
}
#pied p{
	margin:2px 0 0 0;
	padding:2px 0 0 0;
}