/** css pour Centria 
<%--HISTORIQUE
    Version 2.02 - 13/02/2006 - Modification de la taille des caractères
                                -Utiliser la taille neuf pour le texte plutôt que 7,5.
                                -Utiliser la taille 10 pour les titres en gris qui sont en 9,5 gras.
                                -Garder la taille 10,5 pour les titres en bleu marin gras.
                                -Ajout de thirdColSolution pour page solution.jsp
                                
                                
--%>

<%--

Codes de couleurs:
- Bleu pale (selon Photoshop)    R : 73          G : 165       B : 225 #49A5E1
- Bleu marin                     R : 33          G : 55        B : 119 #213777 
- Gris                           R : 188         G : 182       B : 173 #BCB6AD

--%>
**/
body {
	background-color: #BCB6AD;
	margin: 0;
	font-family: Verdana;
	font-size: 11px;/*v2.02 - passe de 9 a 13*/
	color: #213777;
	text-align: justify;  
	background-image: url(/centria/img/bg_centria2.gif);
	background-repeat:repeat-x;
}

.peopleTitle {
  font-weight: bold;
  font-size: 14px;
}

.people {
  font-weight: bold;
  font-size: 12px;
}

.peopleRepesetory {
  font-weight:normal;
  font-size: 12px;
}
	

.peopleRepesetory A:hover {
	 text-decoration:underline;
     color: #BCB6AD;
}


.people A:hover {
	text-decoration:none;
     color: #BCB6AD;
}

A:hover {
	text-decoration: none;
    color: #BCB6AD;
    
  
 
}

.lirePolice {
  font-size:12px;
  color: #BCB6AD;
  text-decoration: none;
}

.temoignagePolice {
  font-size:12px;
  font-weight: bold;
  color: #BCB6AD;
  text-decoration: none;
}

#wrapper {
	width: 1000px;
	background-color:White;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:Black;
	border-right-style:ridge;
	
}
#header 
{
	width: 1000px;
	background-color:White;
	border-style:none;
	border-width:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}

table .header
td .header
tr .header
{
	width: 1000px;
	background-color:White;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}

#logo {
  padding-left: 36px;
  padding-top: 20px;
  padding-bottom: 12px;
  float: left;
}

.lineWrapper {
  width: 1000px;
  height: 20px;
  float: left;
}

.blueLineLeft {
  margin-top: 10px;
  float: left;
/*  clear: left; */
}

.blueLineRight {
  margin-top: 10px;
  float: right;
}

#topImg {
  float: left;
  width: 1000px;
}

#topMenu {
  padding-top:5px;
  padding-left:5px;
}

#topMenuLeft {
}

#topMenuRight {
  float: right;
}

#topMenu IMG {
  margin: 0; padding: 0;
  float: left;
}

#firstCol {
  clear: left;
  float: left;
  width: 220px;
  font-size:11px;
  padding-left: 10px;
  padding-top: 10px;
  margin-top: 10px;
  text-align:left;
  
}

#firstCol IMG{
  border-width:0;
}


#firstCol H5 {
  font-family: Verdana;
  font-weight: bold;
  font-size: 12px;
  padding-top: 0px;
  color: #213777;
  text-transform:uppercase;
}

#firstCol H6 { 
  margin: 0; padding: 0;
  font-family: Verdana;
  font-size: 10px;
  text-align:left;
}

.temoignage {
}

.fleche {
  margin-top: 2px;
}

#secondCol {
  float: left;
  width: 284px;
  padding-left: 30px;
  margin-top: 10px;
  text-align: justify;
}

#secondCol img {
	float: left;
}

#mainCol {
	
  float: left;
  width: 690px;
  padding-left: 5px;
  padding-top: 10px;
  text-align: justify;
}
#mainCol H3 {
	font-size: 110%;/*v2.02 - passe de 120 a 110%*/
	padding-top: 0px;
}
#mainCol H5 {
  font-family: Verdana;
  font-weight: bold;
  font-size: 130%;/*v2.02 - passe de 120 a 110%*/
  padding-top: 15px;
  color: #213777;
  text-transform:uppercase;
}
#mainCol H6 {
  font-family: Verdana;
  font-weight: bold;
  font-size: 100%;/*v2.02 - passe de 120 a 110%*/
  color: #000066
}
#mainCol H7 { 
   	font-family: Verdana;
	font-weight: bold;
    	font-size: 100%;
  	color: #000066
 
}
#secondCol H3 {
  font-size: 110%;/*v2.02 - passe de 120 a 110%*/
}

#thirdCol {
  float: left;
  width: 168px;
  padding-left: 25px;
  margin-top: 10px;
}

#thirdColSolution {
  float: left;
  width: 174px;
  padding-left: 25px;
  margin-top: 10px;
}

#footer {
  clear: both;
  padding-top: 30px;
}

#footerFirstCol {
  float: left;
  padding-left: 35px;
}

#footerSecondCol {
  float: left;
  width: 284px;
  padding-left: 35px;
}

#footerThirdCol {
  float: left;
  width: 168px;
  padding-left: 25px;
}

#legalNote 
{
    text-align:left;
    padding-left: 35px;
    margin-top: 10px;
}

/* Font declaration */
#fontDate {
  font-family: Verdana;
  font-size: 14px;
  color: #213777 ;
  font-weight: bold;
}
#fontDate:Hover span {
  font-family: Verdana;
  font-size: 14px;
  color: #213777;
  font-weight: bold;
}

A 
{
    color: #213777;
    text-decoration: none;
}


#carrieresSpecifique {
  background: url(/centria/img/bgcell.jpg) repeat-y;
  /*margin: 0 0 20px 95px;*/
  width: 455px;
  padding: 17px 11px;
  font-size:12px;
  font-weight: bold;
}

#carrieresSpecifique P.img {
  margin: 0 0 0 360px;
  padding: 7px 11px;
}

.formElems {
  width: 475px;
  background: url(/centria/img/bgcell.jpg) repeat-y;
  margin: 5px 0;
  padding: 5px 0 5px 10px;
  
}
.formElems SELECT, .formElems INPUT {
  width: 192px;			
}
.formElems TEXTAREA {
  margin: 10px 0 0 0px;
}
P.imgInput {
  width: 73; height: 12;
  border: 0;
  margin-left: 370px;
  /*float: right;*/
}
.formElems LABEL {
  width: 232px;
  display: block;
  float: left;
  padding-top: 5px;
}
.formElems div.obli {
  padding-top: 5px;
  width: 290px !important;
  float: left;
  color: #4C7EFB;
}

P.obli 
{
  /*padding-top: 5px;*/
  width: 290px !important;
  float: left;
  color: #4C7EFB;
}

.formElems.noFloat LABEL 
{
  float: none;
  width: 290px;
  margin-bottom: 12px;
}

.formElems.noFloat P.imgInput 
{
  margin: -23px 5px;
  float: right;
}

.formElems.noFloat INPUT 
{
  width: 250px;
  height: 20px;
  font-size: 90%;
  
}

div .headBand
{
	margin: 0 0 0 0;
	padding:0px 0px 0px 0px;
	text-align:right;
    width:1000px;
    background-color:#213777;
}

table .headBand
tr .headBand
td .headBand
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
    border-width:0px;
    border-style:none;
    background-color:White;
}
table .bodyTable
tr .bodyTable
td .bodyTable
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
    border-width:0px;
    border-style:none;
    border-right-color:#213777 ;
    border-right-width:1px;
    border-right-style:solid;
    background-color:White;
    width: 1000px;
}




.formElems.noFloat P.imgInput INPUT {
  width: 71px; height: 21px;
  margin-left: 45px !important;
  margin-left: 342px;
}
.formElems.noFloat P.obli {
  float: none;
  margin-top: 0;
}

#solPlusInfo {
  clear: both;
  width: 477px;
  background: url(/centria/img/bgcell.jpg) repeat-y;
  padding: 17px 11px;
  font-family: Verdana;
  margin: 20px 0 20px 0;
}

#solPlusInfo H2 {
  font-size: 120%; font-weight: bold;
  margin: 0; letter-spacing: -0.03em;
  border: 0; padding: 0;
}

#solPlusInfo P.txt {
  float: left;
  margin: 0;
  padding: 0;
}

#solPlusInfo P.img {
  margin: 0 0 0 360px;
  padding: 7px 11px;
}

.news {
  margin-top: 15px;
  
}
.newsDate {
  color: #213777;
  clear: both;
}
.newsTitre {
  color: #213777;
}
.newsTexte {
  color: #666;
  width: 345px;
  display: block;
  float: left;
  
}
.news A 
{
  color: #213777 ;
  text-decoration: none;
  margin: 12px 0 0 380px;
  display: block;
}

.emploiTitre {
  font-size:14px;
  font-weight: bold;
}

#retour {
  clear: both;
  width: 474px;
  text-align: right;
  margin: 30px 0 0px 0;
}

.listItem {
	display: block;
	margin: 7px 0 0 30px;
}

.listItem2 
{
	list-style-type: disc;
	display: block;
	margin: 7px 0 0 30px;
}

.sup
{ 
	background-color: #ffffff;
	margin: 0;
	font-family: Verdana;
	font-size: 9px;
	color: #BCB6AD;
	line-height: 0;
	vertical-align: text-top;

}
/****************************MENU**********************************************************/
#Menu
{
	width:1000px;
}
/****************************MENU*********************************************************/
#menuDeroulantHead
{ 
	font-family: Verdana;
	font-size: 8px;
	list-style-type: none;
	margin: 0; 
	padding: 0; 
	border: 0;
	border-bottom-color:White;
	border-top-color:White;
	text-align:left;
	vertical-align:middle;
	color:White;
	text-transform: uppercase;

	
}
#menuDeroulantHead li a:link, 
#menuDeroulantHead li a:visited
{
    display: block; 
    height: 1%; 
    color: White; 
    background: #213777; 
    margin: 0; 
    vertical-align:middle;
    padding: 4px 8px; 
    border-left: 1px solid #fff; 
    text-decoration: none;
}
#menuDeroulantHead li a:hover 
{
    background-color: #BCB6AD; 
}
#menuDeroulantHead li a:active 
{
    background-color: #49A5E1; 
}


#menuDeroulantHead li
{
	float: left ; 
	margin: 0; 
	padding: 0; 
	border: 0;
	width: 60px;	
	text-align:left;
	vertical-align:middle;
	border-bottom-color:White;
	border-top-color:White;
}



#menuDeroulant
{ 
	font-family: Verdana;
	font-size: 9px;
	list-style-type: none;
	margin: 0; 
	padding: 0; 
	border: 0;
	text-align:left;
	color:White;
	text-transform: uppercase;
}
#menuDeroulant li a:link, 
#menuDeroulant li a:visited
{
    display: block; 
    height: 1%; 
    color: White; 
    background: #213777; 
    margin: 0; 
    padding: 4px 8px; 
    border-left: 1px solid #fff; 
    text-decoration: none;
}
#menuDeroulantCentraide li a:link, 
#menuDeroulantCentraide li a:visited
{
    display: block; 
    height: 1%; 
    color: White; 
    background: #aa0000; 
    margin: 0; 
    padding: 4px 8px; 
    border-left: 1px solid #fff; 
    text-decoration: none;
}
#menuDeroulant li a:hover 
{
    background-color: #BCB6AD; 
}
#menuDeroulant li a:active 
{
    background-color: #49A5E1; 
}
#menuDeroulant li .active 
{
    background-color: #BCB6AD; 
}
#menuDeroulant a.active
{
    background-color: #BCB6AD; 
}


#menuDeroulant li
{
	float: left; 
	margin: 0; 
	padding: 0; 
	border: 0;
	width: 200px;
}

#menuDeroulant .sousMenu
{
 	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
}

#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 300px;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	font-weight:normal;
}

class="active"

#menuDeroulant li a:link, 
#menuDeroulant li a:visited
{ 
	display: block; 
	height: 1%; 
	margin: 0; 	
	border-left: 1px solid #fff; 
	text-decoration: none;
	font-weight:normal;
}

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited{ 
	display: block; 
	color: #fff; 
	margin: 0; 
	border: 0; 
	padding: 5px 8px; 
	text-decoration: none; 
	background-color: #213777;
	color:White;
	font-weight:normal;
}



#menuDeroulant .sousMenu li a:hover
{ 
	background-image: none; 
	background-color: #BCB6AD;
    color:Black;
    font-weight:normal;
	
}       

/********CENTRAIDE*/



#menuDeroulantCentraide 
{
	
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 300px;
	color:White;
	background-color: #aa0000;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	font-weight:normal;
}

class="active"


#menuDeroulantCentraide a:link,
#menuDeroulantCentraide a:visited{ 
	display: block; 
	color: #fff; 
	margin: 0; 
	border: 0; 
	padding: 5px 8px; 
	text-decoration: none; 
	background-color: #aa0000;
	color:White;
	font-weight:normal;
}



#menuDeroulantCentraide a:hover
{ 
	background-image: none; 
	background-color: #BCB6AD;
    color:White;
    font-weight:bold;
	
}    

/********FIN CENTRAIDE*/