
/*COPYRIGHT @ 2010 - Gwladys PIOCHE - Tous droits reserves*/

/********************/
/*STYLES COMMUNS*/
/********************/

body{	
	width: 825px;
	margin: auto;
	margin-top: 10px; 
	margin-bottom: 10px;
	background-color: #98b7c6;
}
table{	
	width: 825px;	
	border-collapse:collapse;
	border: hidden;
	padding:0px;
	margin:0px;
	background-color: #eaffec;
}
td{	
	border: hidden;
	padding:0px;
	margin:0px;
}
.gras{ 	font-weight: bold}
.italique{	font-style: italic}
.lettre{font-size: 18px}


/*En t�te:*/
.en_tete{	
	width: 825px;
	height: 110px;
	padding:0px;
	margin:0px;
}
.en_tete_gauche {	
	width: 175px;
	background-image: url("images/histo_ar_pl.jpg"); 
}
.logo_cel{	
	width: 120px;
	height:88px;
	padding-left:27px;
	padding-top:2px;
}
.format_date{
	text-align: center;
	vertical-align:middle;
	font-size: 12px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}
.en_tete_droite{	
	width: 650px;
	background-image: url("images/gratte_ciel2.png");
}



/*Accueil+texte d�file*/
.accueil_textdefil{	
	width: 825px;
	height: 25px;
	vertical-align:middle;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #2b3a39;
	background-color: #7ac4df;
}
.acceuil {width: 175px;text-align:center;}
.acceuil  a {	text-decoration: none}
.acceuil  a:hover{ color: black;	background-color: #dbecf6;}
.text_defil {width: 650px;}



/*Pieds de page*/
.pied_de_page{width: 825px;height: 25px;}
.copyright{	
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	vertical-align:middle;
	color: #000000;
	background-color: #7ac4df;
}


/*Menu*/
.menu{	
	width: 175px;
	margin:0px;
	padding:0px;
	background-color:#cff3f6;
	vertical-align: top;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
}	
.menu  h3{	
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	color: #2b3a39;
	background-image: url("images/menu_ar_pl.jpg");
	text-align:center;
	vertical-align: middle;
	line-height:30px;
}
.menu  ul{	
	margin:0px;
	padding:0px;
	padding-left:10px;
	list-style: disc inside;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #2b3a39;
	/*background-color: #FFCC99;*/
	text-align: left;
	vertical-align: middle;
	line-height:30px;
}
.menu  a{text-decoration:none}
.menu  a:hover{color: black;	background-color: #d4ddff;}
.menu  li:hover{background-color: #d4ddff;}


.lien_certificat{	
	font-family: "Times New Roman", Verdana, Arial, Helvetica, serif, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	text-align:center;
}


/*Corps*/
.titre{	
	width: 650px;
	height:35px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 26px;
	font-style: italic;
	font-weight: bolder;
	color: #2f5a7b;
	background-color: #dbf3ff;
	text-align: center;
	vertical-align: middle;
}
.ss_titre {	
	width: 650px;
	height:30px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	color: #2f5a7b;
	background-color: #dbf3ff;
	text-align: center;
	vertical-align: middle;
}
.corps{	
	width:650px;
	height:500px;  /*A supprimer*/
	margin:0px;
	padding:0px;
	background-color:#eaffec /* #b8d2ff*/;
	vertical-align: top;
	color: #000000;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
}
.corps_gauche{width: 325px;}
.corps_droit{width: 325px;}
.corps .intro_index{	
	padding-top:10px;
	padding-left:10px;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-align:left;
}
.corps p{	
	padding:5px 10px;
	margin:0px;
	/*padding-bottom: 5px;*/
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-align:justify;
	vertical-align: top;
	line-height:20px;
}

.corps_droit ul{
	margin:0px;
	padding:0px;
	margin-top: 3px;
	margin-bottom:2px;
	padding-left:45px;
	list-style: disc outside;
	font-size: 12px;
	font-style:italic;
	line-height: 19px;
}


.proverbe {	
	width:270;
	margin:15px 10px 10px 10px;
	padding:10px 0px;
	font-family: "Times New Roman", Verdana, Arial, Helvetica, serif, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
	border-style: outset;
	background-color: #e5e7ff;
	border-width: medium;
	line-height: 20px;
}
.taille_ma_photo{	
	width: 200px;
	height:200px;
	padding-left:5px;
	padding-top:5px;
}
.position_ma_photo {	
	width:325;
	padding:0px;
	margin:0px;
	margin-left:25px;
	/*margin:5px 10px;
	padding:10px;
	font-family: "Times New Roman", Verdana, Arial, Helvetica, serif, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
	border-style: outset;
	background-color: #FFEECC;
	border-width: medium;
	line-height: 20px;*/
}



/**************************************/
/*STYLES COMMUN AUX AUTRES PAGES*/
/**************************************/

.titre1{	
	width: 630px;
	height: 40px;
	padding-left:20px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #2f5a7b;
	background-image: url("images/menu_ar_pl.jpg");
	text-align:left;
	vertical-align: middle;
	line-height:40px;	
}
.titre2{	
	width: 630px;
	height: 70px;
	padding-left:20px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 30px;
	font-style: italic;
	font-weight: bold;
	color: #2f5a7b;
	background-color: #dbf3ff;
	text-align:left;
	vertical-align: middle;
	line-height:70px;	
}
.telecharger {	
	width:425px;
	height:25px;
	padding:5px;
	margin:5px;
	margin-left:100px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #000099;
	font-weight: bolder;
	background-color: #CCCCCC;
	border: thick outset #999999;
	text-align: center;
	vertical-align:middle;
	
}
.telecharger:hover {	
	width:425px;
	height:25px;
	padding:5px;
	margin:5px;
	margin-left:100px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 18px;
	font-style: italic;
	text-transform: none;
	color: #000000;
	font-weight: bolder;
	background-color: #FFFFCC;
	border: thick outset #999999;
	text-align: center;
	vertical-align:middle;	
}
.telecharger  a{text-decoration:none}


/******************************************/
/*STYLES PROPRES A LA PAGE COMPETENCES*/
/******************************************/

.corps_competences{	
	width:640px;
	margin:0px;
	padding:5px;
	background-color: #eaffec;
	vertical-align: top;
}
.corps_competences table {
	width:640px;
	margin:0px;
	border:outset #EFDEFF 2px;
	border-collapse:collapse;
}
.corps_competences th{
	padding:5px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#CC0000;
	text-align:left;
	line-height:28px;
	font-weight: bolder;
	background-color:#bde0ef;
}
.corps_competences td{
	margin:0px;
	padding:5px;
	border:outset #EFDEFF 2px;
}
.corps_competences .intro_competences li{	
	padding:0px;
	padding-top:7px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align:left;
	list-style:square outside;
}
.corps_competences .bureautique li{	
	margin:0px;
	padding:0px;
	padding-left:30px;
	list-style:circle inside;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 12px;
	font-style:italic;
	text-align:justify;
	line-height: 18px;
}


/******************************************/
/*STYLES PROPRES A LA PAGE EXPERIENCES*/
/******************************************/

.corps_experience{	
	width:640px;
	margin:0px;
	padding:5px;
	background-color: #eaffec;
	vertical-align: top;
}
.corps_experience .sommaire_fond{
	padding:8px;
	/*padding-bottom:5px;*/
	background-color: #dbf3ff;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
}
.corps_experience .sommaire_titre{
	margin:0px;
	padding:0px;
	font-size: 14px;
	font-style: normal;
	color: #000099;
	text-decoration: underline;
	font-weight: bold;
	vertical-align:middle;
}
.corps_experience .sommaire_fond ul{
	margin:0px;
	padding:0px;
	padding-left:18px;
	padding-top:10px;
	padding-bottom:5px;
	list-style: square outside;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: left;
	vertical-align: middle;
	line-height:25px;
}
.corps_experience .atout_fond{
	margin:5px 0px;
	padding:10px;
	background-color: #d3dfeb;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
}
.corps_experience .atout_titre{
	padding:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	text-align: center;
	vertical-align: middle;
}
.corps_experience .atout_fond ul{
	margin:0px;
	padding:0px;
	padding-left:17px;
	padding-top:10px;
	padding-bottom:5px;
	list-style: disc outside;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	line-height:25px;
}
.separateur{
	width:640px;
	height:15px;
	margin-top:5px;
	background-image: url("images/separateur.jpg");
}
.corps_experience table {
	width:640px;
	margin:0px;
	border:outset #EFDEFF 2px;
	border-collapse:collapse;
}
.corps_experience  th{
	padding:5px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#CC0000;
	text-align:left;
	line-height:28px;
	font-weight: bolder;
	background-color:#bde0ef;
}
.corps_experience td{
	margin:0px;
	padding:5px;
	border:outset #EFDEFF 2px;
}
.corps_experience h3
{
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-bottom:5px;
	padding-left:10px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-transform: none;
	color: #000099;
	text-decoration: underline;
	font-weight: bold;
	vertical-align:middle;
}
.corps_experience .sous_th{font-style:italic}
.corps_experience .intro_experience{	
	padding:0px;
	padding-top:10px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align:left;
}
.corps_experience p{	
	margin:0px;
	padding:0px;
	padding-top:10px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color:#000000;
	text-align:justify;
	vertical-align: top;
	line-height:20px;
}
.corps_experience table ul
{	
	margin:0px;
	padding:0px;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	list-style-type:disc;
	list-style-position:outside;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 12px;
	font-style:italic;
	text-align:justify;
	line-height: 20px;
}
.corps_experience .Puce_bis
{
	list-style-type:circle;
}
.corps_experience .action
{
	list-style-type:square;
	list-style-position:outside;
	line-height: 18px;
	padding-top:5px;
}

.corps_experience .sommaire
{
	width:90px;
	padding:3px 5px;
	margin:0px;
	margin-left:500px;
	font-family: "Times New Roman", Verdana, Arial, Times, Helvetica, serif, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	text-align:center;
	border: outset #EFDEFF 3px;
	background-color: #CCCCCC;
	line-height: 18px;
}	
/*.corps_experience a
{	
	text-decoration:none
}*/	
	

/******************************************/
/*STYLES PROPRES A LA PAGE FORMATIONS*/
/******************************************/

.corps_formation{	
	width:640px;
	margin:0px;
	padding:5px;
	background-color: #eaffec;
	vertical-align: top;
}
.corps_formation .formation_fond{
	padding:8px;
	/*padding-bottom:2px;*/
	background-color: #dbf3ff;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
}
.corps_formation .formation_titre{
	margin:0px;
	padding:0px;
	font-size: 14px;
	font-style: normal;
	text-transform: none;
	color: #CC0000;
	text-decoration: underline;
	font-weight: bold;
	vertical-align:middle;
}
.corps_formation p
{	
	margin:0px;
	padding:0px;
	padding-top:5px;
	padding-bottom:10px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color:#000000;
	text-align:justify;
	vertical-align: top;
	line-height:20px;
}
.corps_formation .sommaire_form_fond{
	margin:5px 0px;
	padding:10px;
	background-color: #d3dfeb;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
}
.corps_formation .sommaire_form_titre
{
	padding:0px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-transform: none;
	color: #000099;
	text-decoration: underline;
	font-weight: bold;
	vertical-align:middle;
}
.corps_formation .sommaire_form_sstitre
{
	padding:0px;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:0px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-transform: none;
	color: #000099;
	text-decoration: none;
	font-weight: bold;
	vertical-align:middle;
}
/*.corps_formation .sommaire_form_sstitre a
{
	text-decoration: underline
}*/
.corps_formation .sommaire_form_fond ul
{
	margin:0px;
	padding:0px;
	padding-left:50px;
	padding-top:5px;
	padding-bottom:4px;
	list-style-type: none;
	list-style-position:outside;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: left;
	vertical-align: middle;
	line-height:20px;
}
.corps_formation h3
{
	margin:0px;
	padding:0px;
	margin-top:15px;
	margin-bottom:10px;
	padding-left:10px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-transform: none;
	color: #000099;
	text-decoration: underline;
	font-weight: bold;
	vertical-align:middle;
}
.corps_formation table 
{
	width:640px;
	margin:0px;
	border:outset #EFDEFF 2px;
	border-collapse:collapse;
}
.corps_formation td
{
	margin:0px;
	padding:5px;
	border:outset #EFDEFF 2px;
}

.corps_formation th
{
	padding:5px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#CC0000;
	text-align:left;
	line-height:28px;
	font-weight: bolder;
	background-color:#bde0ef;
}
.corps_formation .intro_formation
{	
	padding:0px;
	padding-top:7px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align:left;
}
.corps_formation table ul
{	
	margin:0px;
	padding:0px;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:5px;
	list-style-type:disc;
	list-style-position:outside;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 12px;
	font-style:italic;
	text-align:justify;
	line-height: 20px;
}
.corps_formation .sommaire
{
	width:90px;
	padding:0px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	margin:0px;
	margin-left:500px;
	font-family: "Times New Roman", Verdana, Arial, Times, Helvetica, serif, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	text-align:center;
	border: outset #EFDEFF 3px;
	background-color: #CCCCCC;
	line-height: 18px;
}	
/*.corps_formation .sommaire a, .sommaire_form_fond ul a
{	
	text-decoration:none
}*/	


/*********************************************/
/*STYLES PROPRES A LA PAGE COMMENTAIRES*/
/*********************************************/

.corps_formulaire{	
	width:640px;
	margin:0px;
	padding:5px;
	padding-top:5px;
	background-color: #eaffec;
	vertical-align: top;
}
.intro_formulaire{
	margin:0px;
	padding:0px;
	padding-top:25px;
	margin-left:25px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	color: #333333;
	text-align:left;
}
.legende_form{
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-bottom:5px;
	margin-left:50px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #000099;
	vertical-align: middle;
	font-weight: bolder;
}
.groupe_coordonnee{
   width:450px;
   margin:0px;
   padding:5px;
   margin-left:50px;
   background-color: #ECE9D8;
   border:outset #FFFFFF;
}
.intitule{
	padding:0px;
	margin:0px;
	margin-left:25px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #333333;
	vertical-align: middle;
	font-weight: bold;
}
#nom, #prenom ,#email{
	width: 250px;
	height:17px;
	margin:0px;
	padding:0px;
	padding-top:3px;
	padding-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 12px;
	font-style: normal;
	vertical-align: middle;
}
.position1{	margin:0px;	margin-left:105px;}
.position2{	margin:0px;	margin-left:80px;}
.position3{	margin:0px;	margin-left:92px;}
.asterix1{
	padding:0px;
	margin:0px;
	font-size: 14px;
	color: #000099;
	vertical-align: middle;
	line-height:14px;
}
.asterix{
	margin:0px;
	margin-left:60px;
	margin-top:3px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #333333;
}
.groupe_commentaire{  margin:0px;   padding:0px;   margin-left:50px;}
.envoyer{	width:70px;
	height:30px;
	margin:0px;
	margin-left:50px;
	margin-top:10px;
	font-size: 14px;
	font-style: normal;
	text-align:center;
	vertical-align: middle;
}
.effacer{	width:70px;
	height:30px;
	margin:0px;
	margin-left:0px;
	margin-top:10px;
	font-size: 14px;
	font-style: normal;
	text-align:center;
	vertical-align: middle;
}




/******************************************************************/
/*STYLES PROPRES A LA PAGE REMERCIEMENT POUR COMMENTAIRES*/
/*****************************************************************/

.corps_remerciement{	
	width:640px;
	height:450px;
	margin:0px;
	padding:5px;
	background-color: #eaffec;
	padding-top:40px;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	text-align: center;
	vertical-align: top;
	line-height:40px;
}



/*********************************/
/*STYLES PROPRES AUX MODULES */
/*********************************/

.corps_benchmark{	
	width:630px;
	margin:0px;
	padding:5px 10px;
	background-color: #eaffec;
	vertical-align: top;
	font-family: Verdana, Arial, "Times New Roman", Times, Helvetica, serif, sans-serif;
}
.corps_benchmark .titre_module{	
	margin:0px;
	padding:10px;
	padding-bottom:0px;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
.corps_benchmark p{
	padding:3px 0px 0px 0px;
	font-size: 12px;
	font-style: normal;
	color:#000000;
	text-align:justify;
	vertical-align: top;
	line-height:20px;
}
.corps_benchmark ul{
	margin:0px; 
	padding:0px 0px 10px 0px;
}
.corps_benchmark li{	
	margin:0px 0px 0px 35px;
	padding:5px 0px 0px 10px;
	list-style: disc outside;
	font-size: 12px;
	font-style:italic;
	line-height: 20px;
}
/*Tracking-error*/
.corps_benchmark .liste li{
	margin: 0px 0px 0px 60px;
	padding:0px 0px 0px 10px;
	list-style: square outside;
}
/*Simulateur de cr�dit*/
.corps_benchmark .liste2 li{
	margin: 0px 0px 0px 60px;
	padding:0px 0px 0px 10px;
	margin-left: 35px;
	list-style: square outside;
}




/*PA en creation*/
.pageencours{
	margin:0px;
	margin-top:100px;
	text-align: center;
	vertical-align: middle;
	line-height:40px;
	font-weight: bold;
}
