/**  GLOBAL **/

/** jquery-ui **/
.ui-effects-transfer { border: 2px dotted #99ccff; } 

/** Defaut HTML**/
body{
	padding:0;
	margin:0;
}

.borderDebug{
	border:1px solid red;
}

*{
	font-family:Arial, Helvetica, sans-serif;
	color:#4c4d4e;
	font-size:11px;
}

li{
	list-style:none;
}

a{
	text-decoration:none;
}

.underlineOnhover:hover{text-decoration:underline;}

p{
	margin:0;
}
img{
	border:0;
}

h2,.h2{
	font-size:16px;
}
h3,.h3{
font-size:14px;
}

h4,.h4{
font-size:12px;
}

h5,.h5{
font-size:10px;
}

.right{
	float:right;
}

.left{
	float:left;
}
.bas10{
	padding-bottom:10px;
}
.haut10{
	padding-top:10px;
}
.left15{
	margin-left:15px;
}
.left20{
	margin-left:20px;
}

.bleu{
	color:#0b4383;
}
.gris{
	color:#7b7b7c;
}
.rose{
	color:#e42184;
}
.noir{
	color:#383738;
}
.rouge{
	color:#f30070;
}

.bleuTitre{
	color:#0b4383;
	font-weight:bold;	
	font-size:11px;
}
.blancTitre{
	color:#fff;
	font-weight:bold;	
	font-size:11px;
}
.roseTitre{
	color:#b40254;
	font-weight:bold;	
	font-size:11px;
}
.grisTitre{
	color:#7b7b7c;
	font-weight:bold;	
	font-size:11px;
}
.titreGrasNoir{
	color:#4c4d4e;
	font-size:16px;
	font-weight:bold;
}
.titreGrasNoir span{
	font-size:16px;
}

.borderBleu{
	border:1px solid #5097e8;
}
.legende{
	font-size:10px;
}
.souligne{
	text-decoration:underline;
}

/***** STRUCTURE   *******/
#content{
	width:964px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

#mainContent .mesSecrets{
	margin:15px 0 0 20px;
	float:left;
}

#colRight{
	float:left;
	width: 771px;
	margin-top:10px;
}
#colRight h3,.p1,.p1r,.p2,.p2r,.titreEnviePostee,.p_sans_puce{
	color: #0b4383;
	width: auto;
	float: left;
	display: block;
	margin-top: 10px;
	margin-right: 0pt;
	margin-bottom: 5px;
	margin-left: 20px;
	font-size: 16px;
}
#colRight h2.titre{
	font-size: 20px; /*15pt , 20px , 24px*/
	margin:0 0 5px 0;
	width: 70%;
	float: left;
}

/***** HEADER  ******/
#header{
	height:81px;
	width:964px;
	float:left;
	background:url(../img/bg_header.jpg) top no-repeat;
}
#linkHome{
	float:left;
	margin:10px 0 15px 23px;
	width:315px;
	height:65px;
}
#linkHome a{
	width:100%;
	height:100%;
	display:block;
}
#logout {
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	width:610px;
	height:20px;
	/*border:solid 1px black; */
}
.logout{
	float:right;
	margin-right:5px;
	margin-top:5px;
}
#formSpeed{
	float:left;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 75PX;
	width:230px;
	height:45px;
	/*border:solid 1px black; */
}
#formSpeed span{
	float:left;
	display:block;
	width:230px;
	height:21px;
	font-size:12px;
}
#formSpeed select{
	float:left;
	width:60px;
	margin-right:5px;
	height:21px;
}
#formSpeed a{
	float:left;
	margin-left: 5px;
}
.divRecherche{
	width:165px;
	height:45px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 75px;
	float: left;
	/*border:solid 1px black; */
}
.divRecherche span{
	float:left;
	display:block;
	width:165px;
	height:21px;
	font-size:12px;
}
.divRecherche p.info{
	float:right;
}
.divRecherche #formLogin{
	margin-top:0px;
	float:left;
}

.divRecherche #formLogin input{
	width:120px;
	float:left;
	padding:2px;
	height:13px;
}
.divRecherche #formLogin a {
	margin:0px 0 0 10px;
	float:left;
}

/******** COL LEFT *******/

/**************************************ANIV BOX *****************************************************/

#colLeft .anniv .div_photo_anniv{
	float:inherit;
	margin-left:auto;
	margin-right:auto;
}

#colLeft .anniv .liens{
	text-align:left;
	width:120px;
	margin-left:auto;
	margin-right:auto;
}

#colLeft div div.blocLeft div.content .liens a{
	text-align:left;
	margin:0;
	padding:0;
	text-decoration:none;
}

#colLeft div div.blocLeft div.content .liens a:hover{
	text-decoration:underline;
}

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

#colLeft{
	width:160px;
	float:left;
	margin-top:10px;
	margin-right:10px;
}
#colLeft div img.imgProfil{
	border-style:solid;
	border-width:1px;
	border-top-color:#C6DFF7;
	border-left-color:#C6DFF7;
	border-bottom-color:#C6DFF7;
	border-right-color:#C6DFF7;	
	margin-bottom:5px;
}
				
#colLeft div #profilName{
	height:25px;
	width:155px;
	background-color:#F7F7FF;
}
#colLeft div #profilName p{
	color:#343434;
	padding:4px 0 0 0;
	width:155px;
	text-align:center;
}
#colLeft div #profilName span{
	font-weight:bold;
	font-size:12px;
	width:155px;
}
#colLeft a.modifProfil{
	color:#0b4383;
	margin-left:10px;
	margin-top:5px;
	float:left;
	display:block;
}
#colLeft div .blocLeft {
	width:153px;
	float:left;
	margin:5px 0 5px 0;
}
#colLeft div div.headerBleu{
	background:url(../img/bg_HeaderBleu.gif) top no-repeat #a2c7f1;
	height:22px;
}
#colLeft div div.headerBleuFoncer{
	background:url(../img/bg_HeaderBleuFoncer.gif) top no-repeat #2c5f99;
	height:36px;
}
#colLeft div div.headerRose{
	background:url(../img/bg_HeaderRose.gif) top no-repeat;
	height:22px;
}
#colLeft div div.headerViolet{
	background:url(../img/bg_HeaderViolet.gif) top no-repeat #6846a7;
	height:22px;
}
#colLeft div div.blocLeft div.header p{
	padding:5px 0 0 10px;
}
#colLeft div div.blocLeft div.content{
	border-right:1px solid #c7dcf7;
	border-left:1px solid #c7dcf7;
	background-color:#f5f7fa;
	padding:5px 5px 5px 7px;
}
#colLeft div div.blocLeft div.content a{
	margin-bottom:5px;
	display:block;
	text-decoration:underline;
}
#colLeft div .blocLeft div.menuFooter{
	background:url(../img/bg_FooterMenu.gif) top no-repeat;
	height:5px;
}

#colLeft div div.blocLeft div.content a.envoyerEnvie{
	margin:10px 0 0 5px;
}

/***** FOOTER  ******/
div#footer{
	height:20px;
	background-color:#afabab;
	float:left;
	width:100%;
	margin-top:20px;
}
div#footer a{
	color:#FFF;
	font-size:12px;
	float:right;
	margin-top:2px;
	padding:0 10px 0 5px;
}
div#footer a.middle{
	padding-right:50px;
	padding-left:7px;
}
div#footer a.separator{
	border-right:#FFF 1px solid;
}
/**** VALIDATION DE CHAMPS DE SAISI *****/
.valideOK{
	background:url(../img/puce_valideOK.png) left center no-repeat;	
	width:25px;
	height:25px;
	display:block;
	float:left;
	margin-left:5px;
}
.valideKO{
	background:url(../img/puce_valideKO.png) left center no-repeat;
	width:25px;
	height:25px;
	display:block;
	float:left;
	margin-left:5px;
	/*margin-top:5px;*/
}

/**** POP IN *****/
#Explication,#Popin_message,.popin_conteneur_centrage{
	position:absolute;
	left:0px;
	width:100%;
	top:150px;
	display:none;
}
.popin_conteneur_centrage{
	display:inline;
}

#Explication .popin,#Popin_message .popin{
	width:518px;
	height:241px;
	background:url(../img/bg_popinExplication.jpg) top no-repeat;
	/*
	position:absolute;
	top:150px;
	left:30%;
	display:none;
	*/
	margin-left:auto;
	margin-right:auto;
}

/**** POP IN *****/
#Popin_message{
	display:inline;
}

#Explication .popin .header,#Popin_message .popin .header{
	width:100%;
	float:left;
	height:39px;
}
#Explication .popin .header h2,#Popin_message .popin .header h2{
	color:#0b4383;
	width:auto;
	float:left;
	display:block;
	margin:10px 0 5px 20px;
}

#Explication .popin .header a,#Popin_message .popin .header a{
	color:#000;
	width:auto;
	float:right;
	display:block;
	text-decoration:underline;
	margin:10px 10px 0 0;
	font-weight:bold;
}

#Explication .popin .content p,#Popin_message .popin .content p{
	width:450px;
	float:left;
	margin:10px 0 0 15px;
	padding-left:30px;
	padding-top:4px;
}
#Explication .popin .content p.puceSans,#Popin_message .popin .content p.puceSans{
	padding-left:0px;
}

.puce1{
	background:url(../img/puce1.png) no-repeat;
	height:25px;
}
.puce2{
	background:url(../img/puce2.png) no-repeat;
	height:25px;
}
.puce3{
	background:url(../img/puce3.png) no-repeat;
	height:25px;
}
.puce4{
	background:url(../img/puce4.png) no-repeat;
	height:25px;
}
.puce5{
	background:url(../img/puce5.png) no-repeat;
	height:25px;
}
.puce6{
	background:url(../img/puce6.png) no-repeat;
	height:25px;
}
.puce7{
	background:url(../img/puce7.png) no-repeat;
	height:25px;
}
.puce8{
	background:url(../img/puce8.png) no-repeat;
	height:25px;
}
.puce9{
	background:url(../img/puce9.png) no-repeat;
	height:25px;
}
.puce10{
	background:url(../img/puce10.png) no-repeat;
	height:25px;
}
/**** POP IN CONFIRMATION*****/

#Confirmation{
	width:518px;
	height:241px;
	position:absolute;
	background:url(../img/bg_popinExplication.jpg) top no-repeat;
	display:none;
	top:150px;
	left:30%;
}
#Confirmation .header{
	width:100%;
	float:left;
	height:39px;
}
#Confirmation .header h2{
	color:#0b4383;
	width:auto;
	float:left;
	display:block;
	margin:10px 0 5px 20px;
}

#Confirmation .header a{
	color:#000;
	width:auto;
	float:right;
	display:block;
	text-decoration:underline;
	margin:10px 10px 0 0;
	font-weight:bold;
}

#Confirmation .content p{
	width:90%;
	float:left;
	margin:15px 0 0 20px;
	padding-left:40px;
}
#Confirmation .content p.puce1{
	background:url(../img/puce1.png) no-repeat;
	height:25px;
}
#Confirmation .content p.puce2{
	background:url(../img/puce2.png) no-repeat;
	height:25px;
}
#Confirmation .content p.puce3{
	background:url(../img/puce3.png) no-repeat;
	height:25px;
}
#Confirmation .content p.puce4{
	background:url(../img/puce4.png) no-repeat;
	height:25px;
}

/* BOX GENERIQUE */
.boxGeneriqueXL{
	width:100%;
	float:left;
}
.boxGeneriqueXL .boxHeaderXL{
	background:url(../img/bg_headerContent.jpg) top no-repeat #fff;
	float:left;
	height:39px;
	width:100%;
	border-bottom:1px solid #e2e9f1;
}
.boxGeneriqueXL .boxContentXL{
	width:99.8%;
	float:left;
	border-left:1px solid #c7dcf7;
	border-right:1px solid #c7dcf7;
	background:url(../img/bg_secretContent.jpg) bottom repeat-x;
}
.boxGeneriqueXL .boxFooterXL{
	float:left;
	background:url(../img/bg_footerContent.jpg) bottom no-repeat;
	height:29px;
	width:100%;
}

/* Box 793px */
div.BoxM .bgBoxV793_Header_Mini{
	width:793px;
	float:left;
	background:url(../img/bgBoxV793_Header_Mini.jpg) top no-repeat;
	height:12px;
}
div.BoxM .bgBoxV793_Header{
	width:793px;
	float:left;
	background:url(../img/bgBoxV793_Header.jpg) left top no-repeat;
	height:38px;
}
div.BoxM .bgBoxV793{
	background:url(../img/bgBoxV793.jpg) bottom no-repeat;
	width:793px;
	float:left;
	padding-bottom:20px;
}

/* 2009-02-22 */
#colRight .p_sans_puce{
	background: left top no-repeat;
	margin-left:15px;
	height:25px;
	padding-top:2px;
	padding-left:0px;
	font-weight:bold;
}
#colRight .p1,#colRight .p1r{
	background:url(../img/puce1.png) left top no-repeat;
	margin-left:5px;
	height:25px;
	padding-top:2px;
	padding-left:30px;
	font-weight:bold;
}
#colRight .p2,#colRight .p2r{
	background:url(../img/puce2.png) left top no-repeat;
	margin-left:5px;
	height:25px;
	padding-top:2px;
	padding-left:30px;
	font-weight:bold;
}
#colRight .p3, #colRight .p3r{
	background:url(../img/puce3.png) left top no-repeat;
	margin-left:5px;
	height:25px;
	padding-top:2px;
	padding-left:30px;
	font-weight:bold;
}
#colRight .p4,#colRight .p4r{
	background:url(../img/puce4.png) left top no-repeat;
	margin-left:5px;
	height:25px;
	padding-top:2px;
	padding-left:30px;
	font-weight:bold;
}
#colRight .p1r{
	background:url(../img/puce1_rose.png) left top no-repeat;
}
#colRight .p2r{
	background:url(../img/puce2_rose.png) left top no-repeat;
}
#colRight .p3r{
	background:url(../img/puce3_rose.png) left top no-repeat;
}
#colRight .p4r{
	background:url(../img/puce4_rose.png) left top no-repeat;
}


.right10{
	margin-right:10px;
}
.right5{
	margin-right:5px;
}

h2.secretEnvoyer{
	background:url(../../secret/img/env_SecretEnvoyer.jpg) left top no-repeat;
	padding-left:60px;
	height:40px;
}
h3 span{
	font-size:16px;
}
h3 span.rose{
	font-size:16px;
}
.borderGris{
	border:1px solid #c9c9d0;
}


span.oui{
	background:url(../img/icoOui.png) right top no-repeat;
	color:#f30070;
}
span.pasEncore{
	background:url(../img/icoPasEncore.png) right top no-repeat;
	color:#db8805;
}
span.refuser{
	background:url(../img/icoRefuse.png) right top no-repeat;
	color:#545454;
}
span.neSaisPas{
	background:url(../img/icoNeSaisPas.png) right top no-repeat;
	color:#8701a9;
}

a.besoinExplication{
	color: #0b4383;
	width: auto;
	float: right;
	display: block;
	text-decoration: underline;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0pt;
	margin-left: 0pt;
	font-weight: bold;
}

div.btnEnvoie{
	text-align:center;
	margin-top:20px;
	float:left;
	width:100%;
}

.cachemoi{
	display:none;
}
.masquemoi{
	visibility:hidden;
}

div.actions{
	float:left;
	width:100%;
	text-align:center;	
	margin-top:12px;
	margin-bottom:0px;
}