/************************ WWW.CLEEC.COM ************************/
/*** @ 2007 LMC France	- www.lmcfrance.com // Cleec - www.cleec.com ***/

/************************ Mise à zéro des propriétés par défaut ************************/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; text-align: left; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a { color: gray }
a:hover { color: #FE6A10 }

div.activitePro {
	text-align: center;
}

.boite input[type=file] {
	width:309px;
}


div.annuaire_image {
    border:1px solid #1DA6E2;
    float: right;
    height:50px;
    margin-right:5px;
    width:60px;
    text-align:center;
}

/***************************************************************/
/************************ INSCRIPTION	************************/
/***************************************************************/
/* ici je met les css que je rajoute pour l'inscription, c'est un test 
.boite2
{
background-color: #f5f5f5;
padding-top: 0pt;
padding-right: 10px;
padding-bottom: 0pt;
padding-left: 10px;
margin-top: 0px;
}*/

/*** ??? MERCI DE COMMENTER ****/
div#premiere
{
width: 600px;
margin-left: 90px;
}
/*** ????? ***/
.info
{
font-size: 0.8em;
font-style: italic;
color: #4e6d7e;
}

.info2
{
font-size: 0.8em;
color: #4e6d7e;
}
/*** ????? **
img
{
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: Silver;
border-right-color: Silver;
border-bottom-color: Silver;
border-left-color: Silver;
}*/


/***Fenêtre modale d'information qui apparait au milieu de l'écran pour confirmer l'inscription ***/
.modalBackground {
	background-color: Gray;
	-moz-opacity: 0.7; /*Mozilla */
	/*filter: alpha(opacity=70); IE */
	/*opacity: 0.7;  Safari, opera, etc */
}
.modalOrganiser{
	width: 626px;
	height: 400px;
	background-color:White;
}

/**** ???? ***/
.UserFirst {
	width: 626px;
	margin: 0;
	/*position: absolute;
	top: -500px;*/
}
/**** ???? ***/
#inscrip {
	width:100%;
	background-color:white;
	margin:-15px -15px -10px -8px;
	padding:15px 15px 0 0
}
/**** ???? ***/
.arrondi_haut
{
background-color: transparent;
background-image: url(ar_haut_droite.png);
background-repeat: no-repeat;
background-attachment: scroll;
/*background-x-position: right;
background-y-position: top;*/
height: 10px;
padding-bottom: 10px;
margin-top: 0pt;
margin-right: -10px;
margin-bottom: 0pt;
margin-left: 10px;
padding-top: 0px;
}

/************************* Message d'info*************************************/
.red_center
{
	display:block;
	color:Red;
	text-align:center;
}
.bttn_center
{
	text-align:center;
}

/*************************************************************
************************	AMIS	**************************
*************************************************************/

/*div pour afficher les photos et le nom des amis*/
div#ami_affichage {
	margin: 0 7px
}
.aff_contact {
	float: left;
	margin: 0 0 2px 4px;
	width: 70px;
	height: 90px;
	text-align: center
}

.aff_contact_petit {
	line-height: 10px;

}
.aff_contact a {
	text-decoration: none;
	color: black;
	font-size: 0.8em
}
.aff_contact_larger {
	float: left;
	margin: 0 0 2px 5px;
	width: 120px;
	text-align: center
}
/*** détail d'un profil qui apparait en popup ****/
.profil_popup {
	position:absolute;
	background-color: #F1F1F1;
	border: #8d8379 solid 1px;
	color: black
}

/**************************************************************
********************	MESSAGERIE	***************************
**************************************************************/

#header {
	float:left;
	width:100%;
	background: url(../global/trait.png) repeat-x bottom;
	font-size:95%
}
		
#header ul {
	margin:0;
	padding:10px 10px 0;
	list-style:none
}

#header li {
	float:left;
	background:url(img/left.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 9px
}

#header a {
	display:block;
	background:url(img/right.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	font-size:75%;
	color:#765
}

#header a:hover {
	color:#333 
}

#header .composerMsg a {
	font-size:9pt;
	font-weight:normal;
	background: none;
	color:#FF7F00;
	text-decoration:none;
	
}

#header .composerMsg a:hover {
	font-size:9pt;
	font-weight:normal;
	background: none;
	color:yellow;
	text-decoration:underline	
}

#header .composerMsg a:hover {
	color:#FF7F00
}

#header #current {
	background-image:url(img/left_on.gif)
}

#header #current a {
	background-image:url(img/right_on.gif);
	color:#333;
	padding-bottom:5px
}

.boite_msg {
	border:solid 1px black;
	background-color:Silver;
	width:95%
}

.boite_outil {
	border:solid 1px white;
	background-color:rgb(178,178,178);
	color:White;
	width:95%;	
	padding:2px 5px 2px 5px
}

.boite_outil a {
	color:White;
	text-decoration:none
}

.boite_outil a:hover {
	color:White;
	text-decoration:underline
}

.boite_outil a:visited {
	color:White
}

.boite_entete_msg {
	border:solid 1px white;
	background-color:white;
	width:95%;
	padding:5px;
	margin-top:-13px;
	color:rgb(70,93,104)
}

.boite_entete_msg table td{
	border-bottom:1px dotted rgb(178,178,178)
}

.boite_contenu_msg {
	width:95%;
	background-color:White;		
	padding:5px;
	margin-top:-13px;
	color:rgb(70,93,104)
}

.boite_outil table td{
	border:0px
}

#header table td {
	border:0px
}

table#lesmessages td{
	border:0px;
	color:rgb(118,93,103)
}

table#basdemessages td{
	border:0px;
	color:rgb(118,93,103)
}

table#ctl00_ContentPlace_gridMsg td{
	border:0px;
	color:rgb(118,93,103)
}

/***************************************************************
******************PHOTOS (mycleec/photos.aspx)******************
***************************************************************/

/* div pour afficher les photos et la legende */

.left_photos {
	float:left;
	margin:10px 0 0 10px;
	text-align:center
}

#photos_affichage {
	width:600px
}
	
.scroller {
	height:150px;
	overflow:auto;
}

.bouton_radio {
	margin-right:7px;
	position:relative;
	top:-2px
}

/*messages*/
table.renc_messages  {
	width:96%;
	margin: 3px auto;
	border-collapse:collapse;
	font-size: 0.8em
}
table.renc_messages  th{
	background-color:#A9A9A9;
	text-align:center;
	color:white;
	padding:5px 0 5px 0;
}
table.renc_messages  td {    
	border:none;
	border-bottom: #A9A9A9 dotted 1px ;
	vertical-align: top;
	font-size: 11px;
	padding: 2px 10px
}

/*Partenaires*/
table.tbl_partenaire  {
	width:98%;
	margin: 1px auto;
	border-collapse:collapse;
	font-size: 12px
}
table.tbl_partenaire  th{
	background-color:#e0e0e0;
	text-align:left;
	color:black;
	padding:2px 2px 5px 0;
}
table.tbl_partenaire td {    
	border:none;
	/*border-bottom: #A9A9A9 dotted 1px ;*/
	vertical-align: top;
	margin-left : 1px auto;
	text-align:left;
	padding: 2px 2px
}
table.tbl_partenaire p
{    
    font-size: 11px;    
}
table.tbl_partenaire em
{
font-style : italic;
}
table.tbl_partenaire strong
{  
    
    font-weight:bold;
 
}
table.tbl_partenaire ol
{
    list-style-position:inside;
    list-style-type:decimal;
    margin-left:25px;
    margin-top:25px;
}

table.tbl_partenaire ul
{
    list-style-type:circle;
    list-style-position:inside;
    margin-top:5px;
    margin-left:25px;
}

    
/*Avantages*/
table#avantages{
	margin-bottom:5px;
	text-align:left;
}
table#avantages td{
	padding:0 10px 0 10px;
	vertical-align:top;
	width:50%;
	/*border:1px solid #000000;*/
}
table#avantages td h5{
	margin:0;
	text-align:left;
	color:#FE6A10;
	font-weight:bold;
}
table#avantages ul{
	text-align:left;
	margin:5px 0 20px 20px;
	font-size:11px;
	list-style-position:outside;
	list-style-type:inherit;
}
table#avantages li{
	margin-bottom:3px
}

/********************************************************************
***********************	 GEOLOCALISATION		*********************
********************************************************************/
.popup
{
    text-align:left;
}

/********************************************************************
***********************	 RECHERCHE		*********************
********************************************************************/
div.marge
{
    margin: 6px;
}

.mise_en_forme_du_recherche label {
	display: block;
	float: left;
		width: 120px;
	text-align: right;
		padding: 2px 5px 0 0;
		margin:0
}

.mise_en_forme_du_recherche p {
	margin: 6px
}

.mise_en_forme_du_recherche input[type="text"] {
	width: 150px;
	margin: 0
} 

.trop_resultat
{
    display: inline;float: left;
	width: 626px;
	margin: 15px 0 0 15px;
}
/********************************************************************
***********************	 Rating Star		*********************
********************************************************************/


 .ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(/images/stars/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(/images/stars/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(/images/stars/SavedStar.png);
}

/********************************************************************
***********************	  Professionnel	*****************************
********************************************************************/

div.photo_pros {
	float: left;
	width: 466px;
	margin: 15px 0 0 0;
	background : #7DB2EC url(images/photos/pros.jpg) left top no-repeat
}
div.photo_pros h1 {
	margin: 15px;
	color: white;
	font-size: 1.8em;
}
div.photo_pros a {
	text-align: center;
	display: block;
	padding: 5px;
	margin: 190px 40px 15px 40px;
	background: #FE6A10;
	font-weight: bold;
	color: white;
	text-decoration: none
}

.infos_club {
	margin-bottom: 10px;
	float: left;
}

.infos_club p {
	margin-right:0;
	margin-left: 10px;
}

.infos_contact {
	margin-bottom: 10px;
}

.infos_contact p {
	margin-right:0;
	margin-left:0;
}

.infos_club img
{
	margin: auto;
}

/*Mon site*/
.gvClass#ctl00_pageContenu_gvSite {
	margin: auto;
	border-color: #43B5E7;
	width: 745px;
	text-align: center;
	font-size: 0.7em;
	color: #43B5E7;
}

.gvClass#ctl00_pageContenu_gvSite td {
	margin: auto;
	padding: 5px;
	border: #43B5E7 solid 1px;
}

.gvClass {
	margin: auto;
	border: #43B5E7 solid 1px;
}
.gvClass a {
	color: Black;
}
.lignePair
{
	background-color: white;
}
.ligneImpair
{
	background-color: white;
}

.gvClassactiviter {
	border: #43B5E7 solid 1px;
	text-align: center;
	color: #43B5E7;
}

.gvClassactiviter tr th {
	text-align: center;
	font-weight: bold;
}

.gvClassactiviter td{
	border: #43B5E7 solid 1px;
	padding:5px;
}

.gvClassactiviter a {
	color: #43B5E7;
}

/* Pour centrer tout les blocs de moncompte 
#LesBlocs
{
	margin-left: 25px;
}*/
/* centrer abonnement */
#ctl00_pageContenu_Div3
{
	margin-left: 15px;
}
#test_lien
{
	text-align: center;
	display:block;
}
/*Inscription prix*/

#ctl00_pageContenu_paiement
{
	top: -200px;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
}




.links
{
	display:block;
}

.links a
{
	text-align: center;
	display:block;
}

div.bas-infos-contact {
	clear: both;
	border-top: dashed 1px;
	border-color:#CBCBCB;
	padding-top:10px;
	font-size: 0.7em;
}

div.image-contact {
	clear: both;
	text-align: center;
}

/************************ Structure générale	************************/
body {
	margin: 10px 0 5px 0;
	text-align:center ;
	font-family: verdana, arial, helvetica;
	color: black;
	background: #87CFEF url(images/fond.jpg) top repeat-x;
	font-size: 1em;
}

div#conteneur {
	margin: 0 auto;
	width : 861px;
	text-align: left;
}
div#entete { }

div#menu_gauche {
	width: 145px;
	float: left
}

div#contenu {
	margin: 0 0 0 145px;
}
div#contenu_annexe {
	margin: 0;
	/*background-color: white;*/
	background: white url(images/fond-bas-conteneur.gif) bottom no-repeat;
	padding: 10px 37px;
}

div#pied {
	clear: left;
	margin: 15px 0 0 0;
	text-align: center;
	/*background-color: #FE6A10;*/
	font-size: 0.8em;
	color: white
}

div#pied div#piedorange{
	clear: left;
	text-align: center;
	background-color: #FE6A10;
	color: white;
	padding: 2px 15px 2px 15px;
	margin-bottom:10px;
}

/*sert parfois à "remplir" un div s'il n'y a que des éléments flottants à l'intérieur */
.spacer {
	height: 1px;
	clear: both;
	background-color: white
}
.spacer626 {
	float: left;
	height: 1px;
	width: 626px;
}

/****************** Titres ************************/

/*titre h1 avec photo de fond de présentation du site (page accueil) */
div.photo_pres {
	float: left;
	width: 466px;
	margin: 15px 0 0 0;
	background : #7DB2EC url(images/photos/photo1.jpg) left top no-repeat
}
div.photo_pres h1 {
	margin: 15px;
	color: white;
	font-size: 1.8em;
}
div.photo_pres a {
	text-align: center;
	display: block;
	padding: 5px;
	margin: 190px 40px 15px 40px;
	background: #FE6A10;
	font-weight: bold;
	color: white;
	text-decoration: none
}

div.partenaire{
	width: 305px;
	height: 305px;
} 

h2 
{
	font-weight: bold;
}

/* titre dans tableau sur fond gris */
h3 {
	background-color:#BEBEBE;
	/*width:100%;*/
	color:White;
	padding-left:5px;
    font-size: small;
	color: Black;
	margin: 0 8px 0 8px;
}

/* titre sur fond orange */
h4 {
	background-color:#FF7F00;
	/*width:100%;*/
	color:White;
	height:22px;
	padding-top:7px;
	margin-top:0px
}

/* titre avec >	*/
h5 {
	/*background-image: url("/images/graphisme/fleche_titre.gif");*/
	background-repeat: no-repeat;
	background-position: top left;
	padding: 4px 0 0 20px; 
	font-size: small;
	color: Black;
	margin: 0 0 0 3px;
}

/*****Page détail offre pro********/
h1.bleu_detail_offre {
	font-size: 1.2em;
	font-weight:bold;
	color:#40B3E9;
	margin:15px 0;
}

p.gras 
{
	font-size:0.7em;
	font-weight: bold;
	margin-top:10px;
}

.contenu-detail-offre {
	font-size:0.7em;
}

ul.contenu-detail-offre {
	margin-top:5px;
}

ul.contenu-detail-offre li {
	margin-top:5px;
}

/***************************************************************
**************************	index.aspx	***************************
***************************************************************/
div#login p {
	margin: 3px 0
}

div#login label {
	width:105px;
	display:block;
	clear: left;
	float:left;
	padding: 2px 5px 0 0;
	color: black;
	font-weight: bold;
	text-align:right;
}
div#login input[type="text"] { width: 153px;}
div#login input[type="password"] { width: 153px;}

.derniers_inscrit
{
	font-size:8px;
}

.valid{
	width:23px;
	height:18px;
	font-weight: bold;
	/*background-color:#64A9CA;
	color:white;*/
	border:1px solid black;
}

/*****page index dernier inscrit ******/
div#Div2.boitegrise_305 div.dernierinscr {
	clear: both;	
	margin: 10px 20px;
	vertical-align:middle;
	border-bottom: 1px dashed #3FB4E6;
	font-size: 0.6em;
	height: 65px;
	width:275px;
}

span.titre-inscrit {
    font-weight: bold;
	color:#3FB4E6;
}

div#Div2.boitegrise_305 div.dernierinscr div.texte-inscrit {
	float: left;
}

div#Div2.boitegrise_305 div.dernierinscr p.lastinscrit {
	border: none;
	margin-bottom: 0;
	/*padding-bottom:120px; agrandit le bas de la boite pour q'uelle soit égale à celle de gauche*/
}

div#Div2.boitegrise_305 div.dernierinscr a {text-decoration: none; color:#3FB4E6;}
div#Div2.boitegrise_305 div.dernierinscr a:hover {text-decoration: underline;}

/********************* div inscription dans indes.aspx *********************/
div#inscription p {
	margin: 3px 0
}

div#inscription label {
	width:105px;
	display:block;
	float:left;
	padding: 2px 5px 0 0;
	color: black;
	font-weight: bold;
	text-align:right
}

div#Div4 label {
	width:150px;
	display:block;
	float:left;
	padding: 2px 5px 0 0;
	color: black;
	font-weight: bold;
	text-align:right;
}

div#inscription input[type="text"] { width: 153px;}
div#abonnement.boite_grise_305 ul{
	text-align:left;
	margin:5px 0 20px 20px;
	font-size:11px;
	list-style-position:outside;
	list-style-type:inherit;
}

/******************logos Accueil fin de page*******************/
.boitepress_bas{
	text-align: center;
	padding: 15px 0 0 0;
	clear: left;
}

/*****Page CGV********/
p.titre {
	font-weight: bold;
	background-color:#BEBEBE;
	color:black;
	margin:10px 10px 0;
}

p.contenucgv {
	margin:10px 20px 0;
}

ul.cgv {
	font-size:0.7em;
	margin:10px 20px 0;
}

/******************* DIVERS	*********************/
img.profil_photo {
	border:	solid 1px #d1d1d1;
}

img.bouton_go {
	cursor: pointer;
	vertical-align: middle
}

/* lien alertes */
a.lien_alerte {	color: black; text-decoration: none; }
a.lien_alerte:hover { text-decoration: underline }
a.lien_alerte > b {color: #FE6A10 }
a.lien_alerte:hover > b {text-decoration: none}
a.centrer { display: block; text-align:center}

/* lien des box avec puce */
a.lien_puce {
	color: black; text-decoration: none;
	padding-left: 8px;
	background: url(/images/graphisme/puce_orange.gif) left 3px no-repeat;
	
}
a.lien_puce:hover { text-decoration: underline }

/* lien des box sans puce */
a.lien_no_puce {	color: black; text-decoration: none;
	padding-left: 8px;
	/*background: white url(/images/graphisme/puce_orange.gif) left 3px no-repeat*/
}
a.lien_no_puce:hover { text-decoration: underline }


/************************ ENTETE	************************/
a#ctl00_deconnect {
	display: block;
	float: right;
	text-align:right;
	font-size: 0.6em;
	color: #8d8379;
	text-decoration: none;
}
a#ctl00_deconnect:hover {
	text-decoration: underline
}
a#deconnect {
	display: block;
	float: right;
	text-align:right;
	font-size: 0.6em;
	color: #8d8379;
	text-decoration: none;
}
a#deconnect:hover {
	text-decoration: underline
}

div#menu_entete {
	/*background-color: #F1F1F1;*/
	background: #1ea7e2 url(/images/graphisme/menu_fond.gif) left top no-repeat;
	width:861px;	/*quand le menu est vide, pour voir le fond*/
	height:30px;	/*quand le menu est vide, pour voir le fond*/
	margin: 20px 0 0 0
}
div#menu_entete a {
	display: block;
	float: /*right;*/left;
	padding: 6px 13px;
	border-left: white solid 3px;
	/*background-color: #F1F1F1;*/

	font-size: 0.9em;
	font-weight: bold;
	/*color: #8d8379;*/
	color: white;
	text-decoration: none;
	
}

div#menu_entete a:hover {
	/*background-color: #8d8379;
	color: white*/
	background-color: #5ac8f7
}
div#menu_entete a.dernier {
	/*color: #FE6A10;*/
	margin-right: 58px;
	border-right: white solid 3px;
}
div#menu_entete a.actuel {
	/*color: #FE6A10;*/
	background-color: #FE6A10;
	color: white;
}
div#menu_entete a.actuel:hover {
	/*background-color: #F1F1F1;
	color: #FE6A10;*/
	background-color: #bfe7f8;
	color: #327d9e	
}


.entete_bleu
{
	background-color:#599EBB;
	color:white;
	text-align:center;
}


/************************ PIED DE PAGE	************************/

div#pied a {
	color: white;
	text-decoration: none
}

div#pied a:hover {
	text-decoration: underline
}


/************************ BOITES	************************/
div#boitebandeau{
	background: url(images/bandeau-contenu2.jpg) center top no-repeat;
	width:785px;
	height:129px;
	margin: 10px 0 0;
}

div#boitebandeaucompte{
	background: url(images/bandeau-moncompte2.jpg) center top no-repeat;
	width:785px;
	height:129px;
	margin: 10px 0 0;
}
/*hauteur des boites sur l'index pour que celle-ci soit aligner en hauteur*/
.boitegrise_305#Div2 {
	height:/*307*/320px;
}
.boitegrise_305#Div2 div.finboite {
	margin-top: 40px;
}

.boitegrise_466#ctl00_pageContenu_Div2, .boitegrise_466#ctl00_pageContenu_divCotisations {
	display: inline;float: left;
	width: 466px;
	margin: 15px 0 0 0;	
}

.boitegrise_305#ctl00_pageContenu_Div1 div.finboite {
	margin-top:109px;
}

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

/* Taille des boites (4 dans le contenu =145px / 3= 199 / 2=313 / 1=626 /etc. */
.boiteorange_145, .boitebleue_145, .boitegrise_145	{
	display: inline; /*utile pour bug ie6 qui double les marges des float*/
	float: left;
	width: 145px;
	margin: 15px 0 0 15px;
}
.boitegrise_198	{
	display: inline;float: left;
	width: 198px;
	margin: 15px 0 0 15px;
}
.boitegrise_225	{
	display: inline;float: left;
	width: 225px;
	margin: 15px 0 0 15px;
}
.boitegrise_305 {
	display: inline;float: left;
	width: 305px;
	margin: 15px 0 0 15px;
}
.boitegrise_385 {
	display: inline;float: left;
	width: 385px;
	margin: 15px 0 0 15px;
}
.boitegrise_412 {
	display: inline;float: left;
	width: 412px;
	margin: 15px 0 0 15px;
}
.boitegrise_466 {
	display: inline;float: left;
	width: 466px;
	margin: 15px 0 0 15px;	
}

.boitegrise_626 {
	display: inline;float: left;
	width: 626px;
	margin: 15px 0 0 15px;
}
.boitegrise_785 {
	display: inline;float: left;
	width: 785px;
	margin: 15px 0 0 0;
}
.boitegrise_626_block {
	display: inline;float: left;
	width: 626px;
	height:500px;
	margin: 5px 0 0 5px;
	display:block;
}
.boitegrise_var {
	display: inline;float: left;
	width: 100%;
	margin: 15px 0 0 15px;
}
.no_margin{
	margin: 0 0 0 0;
}

/* Inscription boite centrée */
.boitecentree_466
{
	margin: auto;
	margin-top: 15px;
	float: none;
	width: 466px;
}
.boitecentree_305
{
	margin: auto;
	margin-top: 15px;
	float: none;
	width: 305px;
}
.boitecentree_626
{
	margin: auto;
	margin-top: 15px;
	float: none;
	width: 626px;
}

.boitecentree_785{
	margin: auto;
	margin-top: 15px;
	width: 785px;
	float: none;
}

/*exception dans le menu de gauche : pas de marge à gauche */
div#menu_gauche .boiteorange_145, div#menu_gauche .boitebleue_145, div#menu_gauche .boitegrise_145 {
	margin: 15px 0 0 0;
	float: none;
	display: block;
}

/* Sur les pages annexes (accueil, qui sommes-nous etc), pas de marge à gauche non plus sur les 466 qui sont à gauche */
.sans_marge_gauche {
	margin: 15px 0 0 0;
}

/* Image de Fond des boites */
.boitebleue_145 { background: white url(images/graphisme/boitebleue_145m.gif) center top repeat-y }
.boiteorange_145 { background: white url(images/graphisme/boiteorange_145m.gif) center top repeat-y }
.boitegrise_145 { background: white url(images/graphisme/boitegrise_145m.gif) center top repeat-y }
.boitegrise_198 { background: white url(images/graphisme/boitegrise_198m.gif) center top repeat-y }
.boitegrise_225 { background: white url(images/graphisme/boitegrise_225m.gif) center top repeat-y }
.boitegrise_305 { background: white url(images/graphisme/boitegrise_305m.gif) center top repeat-y }
.boitegrise_385 { background: white url(images/graphisme/boitegrise_385m.gif) center top repeat-y }
.boitegrise_412 { background: white url(images/graphisme/boitegrise_412m.gif) center top repeat-y }
.boitegrise_466 { background: white url(images/graphisme/boitegrise_466m.gif) center top repeat-y }
.boitegrise_626 { background: white url(images/graphisme/boitegrise_626m.gif) center top repeat-y }
.boitegrise_785 { background: white url(images/graphisme/boitegrise_785m.gif) center top repeat-y }

/* inscription */
.boitecentree_466 { background: white url(images/graphisme/boitegrise_466m.gif) center top repeat-y }
.boitecentree_305 { background: white url(images/graphisme/boitegrise_305m.gif) center top repeat-y }
.boitecentree_626 { background: white url(images/graphisme/boitegrise_626m.gif) center top repeat-y }
.boitecentree_785 { background: white url(images/graphisme/boitegrise_785m.gif) center top repeat-y }
/* titre de la boite */
.boitebleue_145 h2, .boiteorange_145 h2, .boitegrise_145 h2, .boitegrise_198 h2, .boitegrise_225 h2, .boitegrise_305 h2, .boitegrise_385 h2, .boitegrise_412 h2, .boitegrise_466 h2, .boitegrise_626 h2, .boitegrise_785 h2, .boitecentree_466 h2, .boitecentree_305 h2, .boitecentree_626 h2, .boitecentree_785 h2  {
	height: 39px;
	color: white;
	/*font-weight: bold;*/
	font-size: 0.9em
}

.boitebleue_145 h2 { background: #BEBEBE url(images/graphisme/boitebleue_145h.gif) center top no-repeat }
.boiteorange_145 h2 { background: #BEBEBE url(images/graphisme/boiteorange_145h.gif) center top no-repeat }
.boitegrise_145 h2 { background: #BEBEBE url(images/graphisme/boitegrise_145h.gif) center top no-repeat }
.boitegrise_198 h2 { background: #BEBEBE url(images/graphisme/boitegrise_198h.gif) center top no-repeat }
.boitegrise_225 h2 { background: #BEBEBE url(images/graphisme/boitegrise_225h.gif) center top no-repeat }
.boitegrise_305 h2 { background: #BEBEBE url(images/graphisme/boitegrise_305h.gif) center top no-repeat }
.boitegrise_385 h2 { background: #BEBEBE url(images/graphisme/boitegrise_385h.gif) center top no-repeat }
.boitegrise_412 h2 { background: #BEBEBE url(images/graphisme/boitegrise_412h.gif) center top no-repeat }
.boitegrise_466 h2 { background: #BEBEBE url(images/graphisme/boitegrise_466h.gif) center top no-repeat }
.boitegrise_626 h2 { background: #BEBEBE url(images/graphisme/boitegrise_626h.gif) center top no-repeat }
.boitegrise_785 h2 { background: #BEBEBE url(images/graphisme/boitegrise_785h.gif) center top no-repeat }

.boitecentree_305 h2 { background: #BEBEBE url(images/graphisme/boitegrise_305h.gif) center top no-repeat }
.boitecentree_466 h2 { background: #BEBEBE url(images/graphisme/boitegrise_466h.gif) center top no-repeat }
.boitecentree_626 h2 { background: #BEBEBE url(images/graphisme/boitegrise_626h.gif) center top no-repeat }
.boitecentree_785 h2 { background: #BEBEBE url(images/graphisme/boitegrise_785h.gif) center top no-repeat }

.boitegrise_466 ul{
	text-align:left;
	margin:5px 0 20px 20px;
	font-size:11px;
	list-style-position:outside;
	list-style-type:inherit;
}

.boitegrise_466 li{
	margin:10px 20px 5px 0;
	list-style:none;
}

/* a quoi cela sert-il ? */
.titre	{
	 	
	color:White;
	font-weight: bold;
	font-size: 12px;
	text-indent:10px;
	background-color:#cbcbcb;
	padding:5px 0;
}

img.boiteico {
	margin: 3px 4px;
	vertical-align: middle
}

/*liens a des boîtes*/
.boitegrise_305 a.aide, .boitegrise_466 a.aide, .boitegrise_412 a.aide{
	float:right;
	font-size: 0.7em;
	margin-right:20px;
}

/*contenu de la boite */
.boitebleue_145 p, .boiteorange_145 p, .boitegrise_145 p, .boitegrise_198 p, .boitegrise_225 p, .boitegrise_412 p, .boitegrise_785 p , .boitecentree_305 p, .boitecentree_466 p {
	margin: 0 6px;
	font-size: 0.7em
}

.boitecentree_466 span.bleu {
	color:#3FB4E6;
	font-weight:bold;
}

.boitecentree_466 span.bleu a{
	color:#3FB4E6;
	font-weight:bold;
}

.boitecentree_626 p, .boitecentree_785 p {
 	margin: 10px 20px;
	font-size: 0.7em
 }

.boitegrise_626 p, .boitegrise_385 p, .boitegrise_305 p, .boitegrise_412 p  {
	margin: 0 20px;
	font-size: 0.7em;
}

.boitegrise_305 div#ctl00_pageContenu_div_abonnement p, .boitegrise_305 div#ctl00_pageContenu_div_abonnement label {
	margin: 5px 20px;
}

.boitegrise_466 p {
	margin: 5px 20px 0;
	font-size: 0.7em;
}

.boitegrise_785 p {
	margin: 5px 20px 0;
	font-size: 0.7em
}

.boitegrise_466 span.bleu {
	color:#3FB4E6;
	font-weight:bold;
}

/* pied de la boite*/
.boitebleue_145 .finboite, .boiteorange_145 .finboite, .boitegrise_145 .finboite, .boitegrise_198 .finboite, .boitegrise_225 .finboite, .boitegrise_305 .finboite, .boitegrise_385 .finboite, .boitegrise_412 .finboite, .boitegrise_466 .finboite, .boitegrise_626 .finboite, .boitegrise_785 .finboite, .boitecentree_305 .finboite, .boitecentree_466 .finboite, .boitecentree_626 .finboite, .boitecentree_785 .finboite {
	height: 13px;
	font-size: 0.1em;
	clear:both;
} 

.boitebleue_145 .finboite { background: white url(images/graphisme/boitebleue_145b.gif) center bottom no-repeat }
.boiteorange_145 .finboite { background: white url(images/graphisme/boiteorange_145b.gif) center bottom no-repeat }
.boitegrise_145 .finboite { background: white url(images/graphisme/boitegrise_145b.gif) center bottom no-repeat }
.boitegrise_198 .finboite { background: white url(images/graphisme/boitegrise_198b.gif) center bottom no-repeat }
.boitegrise_225 .finboite { background: white url(images/graphisme/boitegrise_225b.gif) center bottom no-repeat }
.boitegrise_305 .finboite { background: white url(images/graphisme/boitegrise_305b.gif) center bottom no-repeat }
.boitegrise_385 .finboite { background: white url(images/graphisme/boitegrise_385b.gif) center bottom no-repeat }
.boitegrise_412 .finboite { background: white url(images/graphisme/boitegrise_412b.gif) center bottom no-repeat }
.boitegrise_466 .finboite { background: white url(images/graphisme/boitegrise_466b.gif) center bottom no-repeat }
.boitegrise_626 .finboite { background: white url(images/graphisme/boitegrise_626b.gif) center bottom no-repeat }
.boitegrise_785 .finboite { background: white url(images/graphisme/boitegrise_785b.gif) center bottom no-repeat }
 
.boitecentree_305 .finboite { background: white url(images/graphisme/boitegrise_305b.gif) center bottom no-repeat }
.boitecentree_466 .finboite { background: white url(images/graphisme/boitegrise_466b.gif) center bottom no-repeat }
.boitecentree_626 .finboite { background: white url(images/graphisme/boitegrise_626b.gif) center bottom no-repeat }
.boitecentree_785 .finboite { background: white url(images/graphisme/boitegrise_785b.gif) center bottom no-repeat }
/***************************************************************/
/************************ FORMULAIRES	************************/
/***************************************************************/
/* vu Dans plein d'endroits*/
.heritage
{
	margin:0 6px;
	font-size:0.9em;
}
.heritage p
{
	font-size:0.9em;
}
.heritage a
{
	font-size:0.9em;
}
.heritage1em
{
	font-size:0.9em;
}
.orga_rapide .heritage label {
	display: block;
	float: left;
	text-align: right;
	width: 45px
}

/*** ????? ***/
.mise_en_forme_du_label label
{
float: left;
width: 17%;
text-align: right;
padding-top: 0.3em;
padding-right: 0.5em;
padding-bottom: 0pt;
padding-left: 0pt;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
}

hr {
	background-color:#CBCBCB;
	border:0 none;
	color:#CBCBCB;
	height:1px;
	margin:10px;
}

.mise_en_forme_du_formulaire label {
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 10px;
}

.mise_en_forme_du_formulaire p span
{
	margin-left: 110px;
}

#ctl00_pageContenu_deja_ref p span
{
	margin-left: 187px;
}

label#ctl00_pageContenu_R_groupeLabel, label#ctl00_pageContenu_defautLabel, label.apresChamps {
	display: inline;
	float: none;
	width: auto;
}

label#ctl00_pageContenu_vous_label {
	text-align: center;
	width: 460px;
	margin-bottom:5px;
	margin-top:10px;
}

.recherche label {
	width: 100px;
}
.recherche {text-align: left;}

.mise_en_forme_du_formulaire p {
	margin: 5px 20px 0;
}
.mise_en_forme_du_formulaire input[type="radio" {
	width: 20px;
	vertical-align:middle;
}

.mise_en_forme_du_formulaire input[type="text"] {
	width: 200px;
	margin: 0
} 
.mise_en_forme_du_formulaire input[type="password"] {
	width: 200px;
	margin: 0
} 
.mise_en_forme_du_formulaire textarea {
	width: 200px;
	margin: 0
}