/* Import CSS  --------------------------------------------- */
	@import url(reset.css);
	@import url(base.common.css);
	@import url(base.formulaires.css);
	@import url(typographie.communautaire.css);
	
	/* Import CSS telerik */
    @import url(../Skin/TabStrip.Web20.css);
    @import url(../Skin/Calendar.Web20.css);
    @import url(../Skin/PanelBar.Web20.css);
    @import url(../Skin/Grid.Web20.css);
    @import url(../Skin/Window.Web20.css);
    @import url(../Skin/Upload.Office2007.css);
        
/* Body--------------------------------------------- */

body.fond-0 {background:  url('../images/fond-1.jpg') repeat-x top center;}

body.fond-1 {background:  url('../images/fond-5.jpg') no-repeat top center;}
body.fond-2 {background:  url('../images/fond-6.jpg') no-repeat top center;}
body.fond-3 {background:  url('../images/fond-2.jpg') no-repeat top center;}
body.fond-4 {background:  url('../images/fond-3.jpg') no-repeat top center;}
body.fond-5 {background:  url('../images/fond-4.jpg') no-repeat top center;}
 


.thumbsleft 
{
 float: left;
 margin: 0 5px 2px 0;
 border: 4px solid #444;   
}


/* min hack rad ruinput */

.RadUpload_Vista {background-image: none !important;}
.RadUpload_Vista ul.ruInputs {background-image: none !important;}
.RadUpload_Vista ul.ruInputs li {background-image: none !important;}
.RadUpload_Vista ul.ruInputs li input {padding: 3px;font-size: 11px;}

.rcCalPopup {
	border: none !important;
}

li.rpItem {
	background-image: none !important;
	background-color: white !important;
	border: none !important;	
}

.rpOut {
	border: 1px solid white !important;	
}


li.rpItem .rpOut span.rpText {
	border: 1px solid white !important;	
}

a.rpLink, .rpText {
	border: 1px solid white !important;	
}

a.rpLink a:hover, .rpText a:hover, .rpText a  {
	border: 1px solid white !important;	
}



/* Header--------------------------------------------- */

div#header
{
	position: relative;
	height: 186px;
	background:  url(../images/bg-header.jpg) no-repeat left top;
	margin: 10px 0 10px 0;
}

div#header h1
{
	text-indent: -9999px;
	overflow: hidden;
	border: none;

}

div#header h1 a:link, div#header h1 a:visited
{
	position: absolute;
	top: 47px;
	left: 79px;
	display: block;
	width: 183px;
	height: 133px;
	border: none;
	background: url('../images/bg-logo.jpg') no-repeat left top;
}

div#header h1 a:hover
{
	border: none;
	background: url('../images/bg-logo.jpg') no-repeat left -133px;
}



/* Moteur de recherche --------------------------------------------- */
div#search
{
	position: absolute;
	left: 760px;
	top: 35px;
	*left: 515px; /* important hack IE */
 	*top: 35px;
 	_left: 515px; /* important hack IE */
 	_top: 35px;	
	height: 30px;
	width: 150px;
	margin: 0;
	padding: 0;
}

div#search form { margin-left: 20px; }

div#search input.inputnoborder
{
	border: none;
	font-size: .9em;
	width: 110px;
	*width: 108px;
	padding: 2px;
}

div#search input.inputbtnsearch
{
	position: absolute;
	top: 4px;
	*top: 5px;
	_top: 5px;
	left: 150px;
}

/* Identification--------------------------------------------- */
div#identification
{
	width: 240px;
	/*height: 115px;*/
	margin-bottom: 10px; /* important */
	background: url('../images/bg-bloc-inscription.png') repeat-x top right;
	position: relative;

}

.minheight {
    height: 116px
}

div#identification .gutter { padding: 8px 5px 0px 8px; }

div#identification form { padding-left: 10px; }

div#identification ul { padding: 0px 0; }

div#identification ul li
{
	display: inline;
	font-size: .70em;
	color: #787878;
	font-weight: normal;
	padding: 0 0 3px 10px;
	background: transparent url('../images/bg-li-indentification.png') no-repeat 2px 3px;
}

div#identification input.inputnoborder
{
	border: none;
	font-size: .7em;
	width: 175px;
	padding: 2px;
	margin: 3px 0;
}

div#identification input.inputbtnsearch
{
	position: absolute;
	top: 40px;
	left: 200px;
}

div#identification dl 
{
    padding: 0;
    }

div#identification .identification-box 
{
    padding: 0;
    height: 75px !important;
    display: block;
    overflow : hidden;
    }
       
    

div#identification dt { color: #fff; }

div#identification dt img
{
	float: left;
	border:  1px solid #444;
	margin: 0 4px 3px 0;
}

div#identification dd { color: #fff; }

div#identification dd.dd-identification-age
{
	color: #fff;
	font-size: .7em;
}

div#identification dd.dd-identification-region
{
	color: #444;
	font-size: .8em;
	padding: 5px 0 0 0;
}

#inscription-identification
{
	width: 240px;
	background: transparent url('../images/bg-bloc-inscription.png') repeat-x top right;
	margin-bottom: 10px;
}

#inscription-decouvrez
{
	width: 240px;
	background: transparent url('../images/bg-inscription-decouvrez.png') repeat-x top right;

}

#inscription-decouvrez-small
{
	width: 225px;
	background: transparent url('../images/bg-inscription-decouvrez.png') repeat-x top left;
	margin: 0 0 0 10px;

}


/* Container --------------------------------------------- */
div#container
{
	position: relative;
	text-align: left;
	width: 980px;
	margin: 0 auto;
	min-height: 100%;
	padding: 0;
	background:  url(../images/bg-container-round.png) no-repeat 0 0;
}

* html div#container { height: 100%; }

/* Content--------------------------------------------- */
div#content, div#colgauche { margin-top: 10px; }

div#content
{
	float: right;
	width: 730px;
	padding-bottom: 100px;
	/*min-height:1000px;
	height:auto !important;
	height:1000px;*/
}

div#content .gutter { padding: 0 10px 0 10px; }

#content-blocone
{
	position: relative;
	height: 210px;
	margin: 0 0 30px 0;
}

#content-blocone .content-a
{
	width: 320px;
	/* a verifier */
	float: left;
	background: url(../images/bloc-content-intro.png) no-repeat left top;
	padding: 60px 0 0 0;
}

#content-blocone .content-b
{
	width: 390px;
	float: left;
}

#content-blocone .content-a img { float: left; }

#content-blocone .content-a p
{
	padding: 0px 15px 0 0;
	color: #787878;
}


.alerte 
{
	 border: 1px solid #dedd97;
	 background-color: #fcfbbc;
	 padding: 3px 10px;
	 margin: 0 0 10px 0;
}

p.alerteicone
{
    font-size: .7em !important;
    padding: 3px 0 3px 20px !important;
	background: url(../images/bullet_error.png) no-repeat 0 2px;
}

.resultatsrecherche 
{
	 border: 1px solid #85cfdc;
	 background-color: #cff0f6;
	 padding: 3px 10px;
	 margin: 0 0 10px 0;
}

p.resultatsrechercheicone
{
    font-size: .7em !important;
    padding: 3px 0 3px 20px !important;
	background: url(../images/information.png) no-repeat 0 2px;
}

.dl-resultatsrecherche, .dl-resultatsrecherche-doc    {
	background: transparent url(../images_comm/bg-commentaires-p.png) repeat-x left top;
	 border: 1px solid #f2f2f0;
	 padding: 1px;
	 margin: 0 0 10px 0;
}



.dl-resultatsrecherche dl {
	padding: 0;
	background:url(../images/bg-resultatrecherche.png) no-repeat top left;
}

.dl-resultatsrecherche-doc dl {
	padding: 0;
	background:url(../images/bg-resultatrecherche-doc.png) no-repeat top left;
}


.dl-resultatsrecherche dt, .dl-resultatsrecherche-doc dt {
	font-size: .8em;
	padding: 10px 30px;
}

.dl-resultatsrecherche dt img, .dl-resultatsrecherche-doc dt img {
	margin: 0 5px 2px 0 !important;
	border-left: 1px solid #f7f7f7 !important;
	border-top: 1px solid #f7f7f7 !important;		
	border-right: 1px solid #f2f2f0 !important;
	border-bottom: 1px solid #f2f2f0 !important;	
	padding: 3px;
	background-color: #fff;
	float: left;
}

.dl-resultatsrecherche dt a, .dl-resultatsrecherche-doc dt a {
	color: #4eb5c5;
}


.dl-resultatsrecherche dd, .dl-resultatsrecherche-doc dd {
	font-size: .7em;
	padding: 3px 0 5px 30px;
}


/* Pagination -------------------------------------------- */
div#content .pagination {
	clear: left;
	padding: 7px;
	position: relative;
	float: left;
	/*width: 644px;*/
	width: 97.5%;
	margin: 10px 0 15px 0;
	font-size: 1em !important;
	border: 1px solid #f2f2f0;
	background: transparent url(../images_comm/bg-commentaires-p.png) repeat-x left top;
}
div#content .pag-ul li {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	background-image: none !important;
}
div#content .pag-ul a {
	border: solid 1px #efefef;
	margin-right: 2px;
}
div#content .pag-ul .previous-off, div#content .pag-ul .next-off {
	color: #666666;
	display: block;
	float: left;
	font-weight: bold;
	padding: 3px 4px;
}
div#content .pag-ul .next a, div#content .pag-ul .previous a {
	font-weight: bold;
}
div#content .pag-ul .active {
	color: #000;
	font-weight: bold;
	display: block;
	float: left;
	padding: 3px 4px;

	/*background-color: #4eb5c5;
*/
}
div#content .pag-ul a:link, div#content .pag-ul a:visited {
	color: #4eb5c5;
	display: block;
	float: left;
	padding: 3px 6px;
	text-decoration: none;
	background: transparent url(../images/bg-pagination-item.png) repeat-x left bottom;
}
div#content .pag-ul .paginationpages {
	color: #444;
	display: block;
	float: left;
	padding: 3px 25px 3px 6px;
	text-decoration: none;
	margin-right: 2px;
	font-style: italic;
}
div#content .pag-ul a:hover {
	border: solid 1px #d6d6d6;
	background-image: none;
}
div#content .pagination h3 {
	font-size: 1.2em;
	letter-spacing: .7px;
	color: #4181a2;
}


/* Typographie --------------------------------------------- */
div#content h3, div#content h4, div#content-large h4, div#content-large h5 { margin: 7px 0; }

div#content p
{
	margin: 0 0;
	padding: .4em 0;
	font-size: .75em;
}

div#content ul ul { margin: 7px 0; }

div#content ul li li
{
	font-size: .70em;
	color: #787878;
	font-weight: bold;
	padding: 3px 10px;
	border-bottom: 1px dashed #bcbcbc;
	background: transparent url('../images/pu-li-dt-cl.png') no-repeat center left;
}

div#content ul { margin: 5px 0 5px 5px; }

div#content ul li
{
	font-size: .70em;
	color: #787878;
	padding: 3px 10px;
	background: transparent url('../images/pu-li-dt-cl.png') no-repeat center left;
}

div#content ol { margin: 5px 0 5px 25px; }

div#content ol li
{
	font-size: .70em;
	color: #787878;
	padding: 3px 10px;

}


div#content h4
{
	color: #65b0bc;
	font-size: 1.4em;
	margin: 10px 0;
	padding: 0 0 0 5px;
	font-weight: 700;
}

div#content h5
{
	color: #65b0bc;
	font-size: 1.1em;
	margin: 20px 0 10px 0;
	font-weight: 700;
	letter-spacing: -0.05em;
	border-bottom: 1px dotted #ddd;
}

.img-det-left
{
	float: left;
	border: 3px solid #b7b7b7;
	margin: 10px 10px 10px 15px;
}

.turquoise { color: #4db4c3; }

.dd-lirelasuite 
{
	color: #266f76;
	font-size: .8em;
	margin: 20px 0 0 0;
	font-weight: 700;
	letter-spacing: -0.05em;
	border-top: 1px dotted #ddd;      
}

.dd-lirelasuite  a
{
	color: #266f76;
  
}


.centrebox
{
	background: #fff url(../images/bg-trame.gif) no-repeat left top;
	padding: 0 10px 10px 10px;
	border: 1px solid #e4e4e4;
  	/*min-height:905px;
  	height:auto !important;
  	height:905px;*/
}

.centrebox dt
{
	float: left;
	border: 8px solid #444;
	margin-right: 4px;
	margin-bottom: 15px;
}

.centrebox h3
{
	font-size: 1.6em;
	padding: 5px 0 0 0;
	margin: 10px 0;
	font-weight: 700;
}

.centerbox-intro
{
	font-size: .8em;
	padding: 0;
	margin: 10px 0;
	font-weight: 700;
}

/* Boite petite avec le formulaire --------------------------------------------- */
.centreboxsmall
{
	float: right;
	width: 240px;
	margin: 15px 0 0 0;
	background: #fdfdfd url(../images/bg-degrade-box.png) repeat-x left top;
	padding: 0 0 15px 10px;
	border: 1px solid #e4e4e4;
}

/* --------------------------------------------------------------------------------------------- */

.miseenavantmail {

	margin: 15px 0 15px 0;
	background: #fdfdfd url(../images/miseavantmail.jpg) no-repeat left top;
	padding: 0 0 10px 10px;
	border: 1px solid #e4e4e4;


}

.miseenavantmail p {
	color: #000;
	padding: 45px 0 0 0 !important;
	font-weight: 700;
	font-size: .85em !important;
}


.centreboxmembre
{

	margin: 15px 0 15px 0;
	background: #fdfdfd url(../images/bg-trame.gif) no-repeat left top;
	padding: 0 0 10px 10px;
	border: 1px solid #e4e4e4;
}


.centreboxmembrebis
{

	margin: 0px;
	background-color: #fdfdfd /*url(../images/fond.gif) no-repeat right top*/;
	padding: 0 !important;
	border: 1px solid #e4e4e4;
}


.centreboxmembre dl
{
	padding: 10px;
	margin-right: 10px;
	/*border-bottom: 1px solid #ddd;*/
}

.centreboxmembrebis dl
{
	padding: 0px;
	margin-right: 1px;
	/*border-bottom: 1px solid #ddd;*/
}

.centreboxmembre dt, .centreboxmembrebis dt 
{
	font-size: .8em;
	font-weight: 700;
	color: #72cbd9;
}


.centreboxmembre dt img, .centreboxmembrebis dt img
{
    float: left;
    margin: 0 7px 3px 0;
}

.centreboxmembre dd
{
	font-size: .70em;
	color: #6b6b6b;
}

.centreboxmembrebis dd
{
	font-size: .70em;
	padding: 0;
	color: #000;
}


/* --------------------------------------------------------------------------------------------- */

.centreboxmembre ul 
{
	padding: 10px;
	margin-right: 10px;

}

.centreboxmembre li
{
	font-size: .7em;
	padding: 7px 0;
	font-weight: 700;
	color: #72cbd9;
	border-top: 1px solid #ddd;
}

.centreboxmembre p a
{
	padding: 3px 0 0 0;
	color: #72cbd9;
}


.centreboxmembre li a
{

	color: #72cbd9;
}

/* --------------------------------------------------------------------------------------------- */

.centreboxliste
{

	margin: 15px 0 15px 0;
	background: #fdfdfd url(../images/bg-trame.gif) no-repeat left top;
	padding: 0 0 10px 10px;
	border: 1px solid #e4e4e4;
}


.centreboxliste ul 
{
	padding: 10px;
	margin-right: 10px;

}

.centreboxliste li
{
	font-size: .7em;
	padding: 7px 0;
	font-weight: 100;
	color: #222;
	border-bottom: 1px dotted #ddd;
}



.centreboxliste li a
{

	color: #72cbd9;
	font-weight: 700;
}

/* --------------------------------------------------------------------------------------------- */


.centreboxmembre h5 a
{

	color: #71ccd9;
}


.centrebox .centerbox-troiscol, .centreboxmembre .centerbox-troiscol
{
	padding: 5px 0 15px 0;
	margin-top: 0px;
	/*border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;*/
}

.centrebox .centerbox-troiscol dl, .centreboxmembre .centerbox-troiscol dl, .centerbox dl
{
	float: left;
	width: 212px;  /* ancienne val : 161 */
   margin: 0 !important;	
    *margin: 0 0 10px 0 !important;
}

.centrebox .centerbox-troiscol dt img, .centreboxmembre .centerbox-troiscol dt img {
	float: left;
	border: 1px solid #ddd;
	padding: 4px;
	background-color: #fff;
	margin-right: 4px;
	margin-bottom: 15px;
}

/* style les equipiers */

/* Nouvelle version avec les divs */
.equipier 
{
	float: left;
	margin-right: 10px;
	font-size: .8em;
	font-weight: 700;
	color: #6b6b6b;
}

.equipier .equipier-img 
{
	float: left;
	border: 8px solid #444;
	margin-right: 4px;
	margin-bottom: 15px;
}
/* fin nouvelle version */

.centerbox dt img {
	float: left;
	border: 1px solid #ddd;
	padding: 4px;
	background-color: #fff;
	margin-right: 4px;
	margin-bottom: 15px;
}


.centrebox .centerbox-troiscol dd, .centreboxmembre .centerbox-troiscol dd
{
	font-size: .8em;
	font-weight: 700;
	color: #6b6b6b;
    
  	}
  
 .centrebox .centerbox-troiscol dd a, .centreboxmembre .centerbox-troiscol dd a
{

	color: #71ccd9;

  	}
  	 	

.centrebox .centerbox-commentaires, .centreboxmembre .centerbox-commentaires
{
	width: 350px;
	margin: 15px 0 0 0;
	padding: 0 0 15px 0;
}

.centrebox .centerbox-commentaires .centerbox-commentaires-cont
{
	margin: 0;
	padding: 4px 0 15px 0;
	border-top: 1px dotted #e4e4e4;
	background: transparent url(../images/bg-commentaires-p.png) repeat-x left top;
}

.centrebox .centerbox-commentaires .centerbox-commentaires-cont h6
{
	padding: 0 0 15px 0;
	font-size: .7em;
	font-weight: 500;
	color: #6b6b6b;
}



.nombresmembres 
{
     background-color: #202020;
     color: #fff;
     padding: 5px;
     font-size: 11px;   
}

.content-large-encart-li
{
	margin: 10px 0 15px 0;
	border: 1px solid #f2f2f0;
	background: #fff url(../images/bg-trame.gif) repeat-x left top;
	padding: 15px;
}

.content-large-encart-li ul { padding: 6px 0; }

.content-large-encart-li ul li
{
	font-size: .70em;
	color: #787878;
	padding: 3px 10px;
	margin: 0;
	background: transparent url('../images/pu-li-dt-cl.png') no-repeat 0 6px;
}

.content-large-encart-li ul li a
{
 	color: #4eb5c5;
}

.toutlesprojets {
	float: right;
	padding: 3px 9px;
	margin: 10px 5px 0 0;
	font-size: .7em;
	background: #fff url(../images/bg-trame.gif) repeat-x left top;
	border: 1px solid #ddd;
}

.titretoutlesprojets  {
	background: url(../images/ti-box-pro-projets.png) no-repeat 0 5px;
	height: 35px;
	margin-bottom: 10px;

}

td.calendrierJourEvenement {
	background-color: #62ccdc !important;
}

.calendrierJourEvenement td {
	background-color: #62ccdc !important;
}


.titremail {
    background: url(../images/bg-caption.jpg) repeat top left;
    margin-bottom 10px !important;
}

.titremail h2 {
	color: #FFF;
	padding: 7px;
	font-size: 1em;
	font-weight: 700;

}


/* Pagination -------------------------------------------- */
.pagination
{
	clear: left;
	padding: 7px;
	position: relative;
	float: left;
	width: 644px;
	margin: 10px 0 15px 0;
	font-size: .7em;
	border: 1px solid #f2f2f0;
	
	background: transparent url(../images/bg-commentaires-p.png) repeat-x left top;
}

.pag-ul li
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

.pag-ul a
{
	border: solid 1px #efefef;
	margin-right: 2px;
}

.pag-ul .previous-off, .pag-ul .next-off
{
	color: #666666;
	display: block;
	float: left;
	font-weight: bold;
	padding: 3px 4px;
}

.pag-ul .next a, .pag-ul .previous a { font-weight: bold; }

.pag-ul .active
{
	color: #000;
	font-weight: bold;
	display: block;
	float: left;
	padding: 4px 6px;
/*	background-color: #4eb5c5;	*/
}

.pag-ul a:link, .pag-ul a:visited
{
	color: #4eb5c5;
	display: block;
	float: left;
	padding: 3px 6px;
	text-decoration: none;
	background: transparent url(../images/bg-pagination-item.png) repeat-x left bottom;
}

.pag-ul .paginationpages
{
	color: #444;
	display: block;
	float: left;
	padding: 3px 25px 3px 6px;
	text-decoration: none;
	margin-right: 2px;
	font-style: italic;
}

.pag-ul a:hover
{
	border: solid 1px #d6d6d6;
	background-image: none;
}

.pagination h3
{
	font-size: 1.2em;
	letter-spacing: .7px;
	color: #4181a2;
}


/* Fil d'ariane--------------------------------------------- */
div#filariane
{
	padding: 0;
	border: 1px solid #e4e4e4;
	margin: 10px 0;
	padding: 4px 5px 5px 5px;
}

div#filariane ul { }

div#filariane ul li
{
	display: inline;
	font-size: .70em;
	color: #787878;
	padding: 3px 2px;
	background-image: none !important;
}

div#filariane ul li a
{
	background: transparent url('../images/pu-li-dt-cl.png') no-repeat center left;
	padding-left: 10px;
}

div#filariane ul li a:hover { text-decoration: underline; }

/* Projet Boite--------------------------------------------- */
.bloc-d-col
{
	clear: left;
	width: 708px;
	background: #fdfdfd url(../images/bg-degrade-box.png) repeat-x left top;
	padding: 0 0 15px 0;
	border: 1px solid #e4e4e4;
}

.bloc-d-col h3
{
	text-indent: -9999px;
	color: #53aebb;
	background: url(../images/h3-bg-colcentrale.png) no-repeat left top;
}

.bloc-d-col-b
{
	width: 330px;
	float: left;
}

.bloc-d-col-a
{
	width: 365px;
	float: left;
}

.bloc-d-col-a h4, .bloc-d-col-a h5, .bloc-d-col-b h4, .bloc-d-col-b h5 { padding: 0 12px; }

/* Projet Boite--------------------------------------------- */
.projetbox
{
	background: #F2F2F2 url(../images/bg-projetbox.png) repeat-x top left;
	width: 315px;
	float: left;
	display: inline;
	margin-left: 13px;
	margin-bottom: 13px;
}

.projetbox h6
{
	color: #fff;
	padding: 5px 0 5px 5px;
	font-weight: 700;
	font-size: .9em;
	letter-spacing: .05em;
}

.projetbox dd
{
	font-size: .7em;
	padding: 7px 4px 0 10px;
}

.projetbox .projetbox-cont {
	width: 290px;
	float: left;
	padding: 10px;
}

.projetbox .projetbox-cont p {
	font-size: .7em;
	font-weight: 700;
	padding: 0 !important;
	margin: 0 !important;
}

.projetbox .projetbox-cont img {
	float: left;
	margin: 0 5px 3px 0;
	border: 1px solid #ddd;
	padding: 3px;
	background-color: white;
}

.projetbox p.ddliste
{
	font-size: .6em;
	padding: 0px 4px 5px 10px !important;
	float: left;
	font-weight: 100 !important;
	background: url(../images/puce-li-red.png) no-repeat 0 2px;
}

.projetbox dd.ddliste img
{
	float: none;
	padding: 0;
}

.projetbox dd img
{
	float: left;
	margin: 10px 5px 16px 0;
}

.bloc-d-col-b p a.a_membres
{
	font-size: 1em;
	font-weight: 700;
	padding-left: 18px;
	background: transparent url('../images/ico-trombi-a.png') no-repeat top left;
	color: #838485;
}

.bloc-d-col-b p a.a_connectes
{
	font-size: 1em;
	font-weight: 700;
	color: #838485;
	padding-left: 18px;
	background: transparent url('../images/ico-trombi-b.png') no-repeat top left;
	margin-left: 10px;
}


.boxsimple 
{
 background-color: #fff;
 border: 1px solid #ddd;
 margin: 0 10px 0 0;  
     padding: 7px;
}

.boxsimple p
{
    padding: 5px 7px 5px 30px !important;
    font-weight: 700;
	background: transparent url('../images/bg-barremail.gif') no-repeat top left;    
    
}


.boxsimple p a
{
   color: #222;
   
}

/* */

.boxsimplebis
{
 background-color: #fff;
 border: 1px solid #ddd;
 margin: 0 10px 0 0;  
     padding: 7px;
     float: left;
     width: 160px;
}

.boxsimplebis p.icomail
{
    padding: 5px 7px 5px 30px !important;
    font-weight: 700;
	background: transparent url('../images/ico-mail.gif') no-repeat top left;    
    
}

.boxsimplebis p.icomail2
{
    padding: 5px 7px 5px 30px !important;
    font-weight: 700;
	background: transparent url('../images/ico-mail2.gif') no-repeat top left;    
    
}



.boxsimplebis p a
{
   color: #222;
   
}
/* Liste DL pdf/word/xls--------------------------------------------- */
.dl-pdf, .dl-word
{
	margin: 0 0 10px 13px;
	padding: 1px 0 3px 1px;
	border-bottom: 1px dotted #787878;
	/*background: url(../images/ico-dl-pdf.png) no-repeat top left;*/
	height: 60px;
}


.dl-pdf dt, .dl-word dt
{
	font-size: .7em;
	font-weight: normal;
	color: #196975;
	text-transform: uppercase;
}

.dl-pdf dt img
{
    float: left;
    margin: 0 4px 2px 0;
}


.dl-pdf dd, .dl-word dd
{
	font-size: .65em;
	padding: 0 0 0 10px;
	/*background: url(../images/puce-li-red.png) no-repeat 0 2px;*/
}

/* liste DL membres--------------------------------------------- */
.dl-membres
{
	clear: left;
	margin: 0 0px 20px 13px;
	padding-bottom: 5px;
}

hr.hr
{
	color: #f00;
	background-color: #f00;
	height: 5px;
}

.dl-membres img
{
	float: left;
	margin: 3px 5px 3px 0px;
}

.groupe-image 
{
	float: left;
	background-color: #fff;
	width: 60px;
	height: 60px;
}

.dl-membres dl { margin: 10px 0 0 75px; } /* a modififer selon la taille des images */

.dl-membres dt
{
	font-size: .7em;
	font-weight: normal;
	color: #196975;
	text-transform: uppercase;
	padding-left: 10px;
	padding-bottom: 5px;
	background: url(../images/puce-li-red.png) no-repeat 0 2px;
}

.dl-membres dd
{
	font-size: .65em;
	padding-left: 3px;
}

.dl-membres dd strong
{
	font-weight: normal;
	color: #b3b2b2;
}



.commentaires {
	background: url(../images/bg-commentairemembre.gif) repeat-x 0 0;
	padding: 3px 5px;
	border: 1px solid #ebebeb;
	font-size: .7em;
	margin: 10px 10px 0 0;
	color: #ddd;
}

.commentaires a {
    color: #a5a5a5;
    text-decoration: underline;
}

.commentaires a:hover {
    color: #222;
    text-decoration: none;
}


.commentairesbig {
	background: url(../images/bg-commentairemembre.gif) repeat-x 0 0;
	padding: 5px 5px;
	border: 1px solid #ebebeb;
	font-size: .7em;
	margin: 10px 0 0 0;
	color: #ddd;
}

.commentairesbig a {
    color: #222;
    text-decoration: none;
}

.commentairesbig a:hover {
    color: #6bc6d3;
    text-decoration: underline;
}

/* Colonne de gauche--------------------------------------------- */
div#colgauche
{
	float: left;
	clear: left;
	width: 250px;

}

.colgauche-container
{
	padding: 10px 0 10px 10px;
	margin-top: 11px;
}

/* Styles liste de definition --------------------------------------------- */
div#colgauche .colgauche-container dl
{
	padding: 5px 0;
	margin: 7px 30px 7px 5px; /* ecart important */
	border-bottom: 1px dashed #bcbcbc;
}

div#colgauche .colgauche-container dt
{
	font-size: .70em;
	color: #cc66cc;
	font-weight: bold;
	padding-left: 10px;
	background: transparent url('../images/puce-li-red.png') no-repeat top left;
}

div#colgauche .colgauche-container dt a.green { color: #a8ca5d; }

div#colgauche .colgauche-container dt a.pink { color: #cc66cc; }

div#colgauche .colgauche-container dt strong { color: #000; }

div#colgauche .colgauche-container dd
{
	font-size: .60em;
	color: #787878;
	font-weight: normal;
	padding: 5px 0 0 10px;
}

div#colgauche .colgauche-container dd a { color: #787878; }

/* Styles liste de definition 2 --------------------------------------------- */


div#colgauche .colgauche-container .colgauchebox dl
{
	padding: 5px 0;
	margin: 7px 30px 7px 5px;
	border: none;
}

div#colgauche .colgauche-container .colgauchebox dt
{
	font-size: 1.1em;
	color: #62ccdc;
	font-weight: bold;
	padding-left: 10px;
	background-image: none;
}

div#colgauche .colgauche-container .colgauchebox dt img
{
	float: left;
	border:  1px solid #444;
	margin: 0 4px 3px 0;
}

div#colgauche .colgauche-container .colgauchebox dd
{
	font-size: .70em;
	color: #6b6b6b;
	font-weight: normal;
	padding: 5px 0 0 10px;
}

div#colgauche .colgauche-container .colgauchebox dd.dd-colgauchebox-age
{
	font-size: .9em;
	color: #62ccdc;
	font-weight: normal;
	padding: 5px 0 0 10px;
}

div#colgauche .colgauche-container .colgauchebox dd.dd-colgauchebox-region
{
	font-size: .7em;
	color: #6b6b6b;
	font-weight: normal;
	padding: 5px 0 0 10px;
}

div#colgauche .colgauche-container .colgauchebox dd a { color: #787878; }

/* Styles liste de definition 3 --------------------------------------------- */
div#colgauche .colgauche-container .colgauchebox .colgauchebox-groupe h4, div#colgauche .colgauche-container .colgauchebox .colgauchebox-favoris h4
{
	color: #62ccdc;
	font-size: .9em;
	margin-top: 5px;
	border-top: 1px dotted #62ccdc;
	padding-top: 6px;
}

div#colgauche .colgauche-container .colgauchebox .colgauchebox-groupe { margin: 0 10px; }

div#colgauche .colgauche-container .colgauchebox .colgauchebox-groupe dl
{
	padding: 3px 0;
	margin: 7px 30px 7px 0px;
	border: none;
	clear: left;
}

div#colgauche .colgauche-container .colgauchebox .colgauchebox-groupe dt
{
	font-size: .7em;
	color: #6b6b6b;
	font-weight: 700;
	padding-left: 10px;
	background: transparent url('../images/pu-li-dt-cl.png') no-repeat 0 2px;
}

div#colgauche .colgauche-container .colgauchebox .colgauchebox-groupe dd
{
	font-size: .6em;
	color: #6b6b6b;
	font-weight: normal;
	padding-left: 10px;
}




/* Styles colonne de gauche 4 --------------------------------------------- */
div#colgauche .colgauche-container .colgauchebox .colgauchebox-favoris { margin: 0 10px; }

div#colgauche .colgauche-container .colgauchebox .colgauchebox-favoris dl
{
	padding: 3px 0;
	margin: 7px 30px 7px 0;
	border: none;
	clear: left;
}

div#colgauche .colgauche-container .colgauchebox .colgauchebox-favoris dl img { float: left; 	padding-left: 0px; border: none;}

div#colgauche .colgauche-container .colgauchebox .colgauchebox-favoris dt
{
	font-size: .7em;
	color: #6b6b6b;
	font-weight: 700;
	padding-left: 0px;

}

div#colgauche .colgauche-container .colgauchebox .colgauchebox-favoris dd
{
	font-size: .6em;
	color: #6b6b6b;
	font-weight: normal;
	padding-left: 0px;
}



/* Styles colonne de gauche - mail --------------------------------------------- */

div#colgauche .colgauche-container .colgauchebox .colgauchebox-menu {
	margin: 0 10px;
	background: #fdfdfd url(../images/bg-degrade-box.png) repeat-x left top;
	border: 1px solid #ddd;

}

div#colgauche .colgauche-container .colgauchebox .colgauchebox-menu ul {
	margin: 5px;

}

div#colgauche .colgauche-container .colgauchebox .colgauchebox-menu ul li {
	padding: 7px 5px;
	background: url(../images/bg-li-colg.png) no-repeat 0 0;
	font-size: .7em;
}

div#colgauche .colgauche-container .colgauchebox .colgauchebox-menu ul li a:hover {
	color: #62ccdc;
	text-decoration: underline;
}


div#colgauche .colgauche-container .colgauchebox .colgauchebox-menu ul li.nobg {
	padding: 7px 5px;
	background: none !important;
	font-size: .7em;
}


.rightsmallbox {
	float: right;
	border: 1px solid #ddd;
	padding: 1px 5px;
	margin: 0;
	font-size : .9em;
}


div#colgauche .colgauche-container .colgauchebox .colgauchebox-mail {
	margin: 10px 10px 0 10px;
	background: #fdfdfd url(../images/bg-degrade-box.png) repeat-x left top;
	border: 1px solid #ddd;

}


div#colgauche .colgauche-container .colgauchebox .colgauchebox-mail ul {
	margin: 5px;

}

div#colgauche .colgauche-container .colgauchebox .colgauchebox-mail ul li {
	padding: 7px 5px;
	background: url(../images/bg-li-colg.png) no-repeat 0 0;
	font-size: .7em;
}

div#colgauche .colgauche-container .colgauchebox .colgauchebox-mail ul li a:hover {
	color: #62ccdc;
	text-decoration: underline;
}

div#colgauche .colgauche-container .colgauchebox .colgauchebox-mail ul li.nobg {
	padding: 7px 5px;
	background: none !important;
	font-size: .7em;
}

.rightsmallboxmail {
	float: right;
	border: 1px solid #ddd;
	padding: 1px 5px;
	margin: 0;
	font-size : .9em;
}



div#colgauche .colgauche-container .colgauchebox .colgauchebox-skin {
	margin: 10px 10px 0 10px;
}


.boxbtn
{
	background-color: #fdfdfd;
	border: 1px solid #ddd;
}

/* Styles colonne de gauche  --------------------------------------------- */
div#colgauche .colgauche-container .colgauchebox p
{
	background-image: none;
	font-weight: 100;
	padding: 0;
	color: #6b6b6b;
}

div#colgauche .colgauche-container .colgauchebox p.colgauchebox-p-border
{
	/*border-top: 1px dotted #62ccdc;*/
	padding: 5px 0;
	color: #6b6b6b;
}

/* Styles colonne de gauche --------------------------------------------- */
div#colgauche .colgauche-container p
{
	font-size: .70em;
	color: #000;
	font-weight: bold;
	padding-left: 10px;
	margin: 10px;
	background: transparent url('../images/puce-li-red.png') no-repeat top left;
}

div#colgauche .colgauchebox
{
	background: #fdfdfd url(../images/bg-degrade-box.png) repeat-x left top;
	padding: 10px 0 15px 0;
	border: 1px solid #e4e4e4;
}


/* Bouton Kiki --------------------------------------------- */

.colgauchebox-skin div#changeskin {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 218px;
	height: 46px !important;	
}


.colgauchebox-skin  div#changeskin a	{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: transparent url(../images/bthabilleroff.png) top left no-repeat;
}


.colgauchebox-skin  div#changeskin a:hover	{
	background: transparent url(../images/bthabilleroff.png) 0 -46px no-repeat;
}



/* Footer--------------------------------------------- */
div#footer
{
	clear: both;
	position: relative;
	float: left;
	background: #333 url('../images/bg-footer.png') repeat-x top left;
	color: #fff;
	/*margin-top: -300px;*/
	height: 300px;
	width: 100%;
}

div#footer p
{
	margin-top: 50px;
	padding: 5px 10px;
}

div#footer-container
{
	position: relative;
	text-align: left;
	width: 1010px;
	margin: 0 auto;
}

div#footer .footer-col
{
	position: absolute;
	top: 65px;
	left: 242px;
}

div#footer .footer-col-partenaire
{
	position: absolute;
	top: 65px;
	left: 765px;
}

div#footer .footer-col h5
{
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 16px;
}

div#footer .footer-col ul { padding: 3px 0 5px 0; }

div#footer .footer-col ul li
{
	display: inline;
	font-size: .70em;
	line-height: inherit;
	color: #fff;
	font-weight: normal;
	padding: 3px 0 3px 12px;
	background: url('../images/pu-li-footer.png') no-repeat center left;
}

.dashed
{
	border-top: 1px dotted #999999;
	width: 500px;
}

div#footer .footer-col ul li a { color: #fff; }


textarea 
{
  
   	font-family:arial, sans-serif !important;
   	line-height: 1em;
   	border: 1px solid #7f9db9; 
   	padding: 3px;
    
    
    
}


.navtabtelerik {
	background: #fdfdfd url(../images/bg-trame.gif) no-repeat right top;
	padding: 10px 0 15px 0;
	border: 1px solid #e4e4e4;
	margin: 10px;
	text-align : left !important;
}

#ctl00_ColonneGauche_ctl00_ColonneGauche_PlaceHolderMenuGauchePanel 
{
 	text-align : left !important;
 	float: left !important;   
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Tableau <<<---------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* Main table */
/*
#maintable tr.odd td { background:#fff url(../images/bg-table.jpg) no-repeat; }

#maintable {
	width: 650px;
	padding: 0;
	margin: 0 0 10px 0;
	border-left: 1px solid #dfdfdf;
	color: #616B76;
	text-align: center;
	background-color: #fff;

}



#maintable caption {
	margin: 0;
	padding: 5px 0;
	width: 650px;
	background: #62ccdc url('../images/bg-bloc-inscription.png') repeat-x top right;
	color: #fff;	 
	font-size: .8em;
	font-weight: bold;
	text-align: center;
}

#maintable th {
	font-size: .7em;
	font-weight: 100;
	padding: 4px 0;
	color: #616B76;
	background: #D9E2E1;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	border-top: 1px solid #dfdfdf;
	text-align:left;
	vertical-align:middle;
}

#maintable td {
	font-size: .7em;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	text-align: center;
}

#maintable td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}

#maintable td a:link, #maintable td a:visited {	
	color: #62ccdc;


}

#maintable td a:hover, #maintable td a:active {
	color: #62ccdc;


}

*/

/* */

input[type="button"], input[type="submit"] 
{
    font-family: Verdana, Sans-Serif;
	margin: 10px 0 10px 0;
	font-size: 10px;
	color: #79d4e1;
	font-weight: 700;
	letter-spacing: .1em;	
	padding: 5px 7px !important;
	background: #e9e9e9 url(../images/bg-button-submit.gif) bottom right;
	border-top: 1px solid #f6f6f6;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	border-left: 1px solid #f6f6f6;
}







ul.button-small {
	margin: 0 5px 8px 0px !important;
	clear: right;
}

.button-small li
{
	color: #8c8c8c;
	display: inline;
	background-image: none !important;	
}

.button-small li a
{
	color: #4eb5c5;
	display: inline;
	padding: 2px 6px;
	text-decoration: none;
	font-size: .9em;
	border: 1px solid #f2f2f0;
	background: transparent url(../images/bg-pagination-item.png) repeat-x left bottom;
	
}

.button-small a
{
	border: solid 1px #efefef;
	margin-right: 2px;

}

.button-small a:hover
{
	color: #4eb5c5;
	border: solid 1px #ebebeb;
	background-image: none;
	background-color: #fff;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Tableau EA <<<------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


#tableau, #tableau-bis {
	border-left: 1px solid #8db2e3 !important;
	border-top: 1px solid #8db2e3 !important;
	border-left: none !important;
	border-collapse: collapse;
	width: 709px;
	margin-bottom: 10px;
	text-align: left;
	padding: 0;

	
	
}

#tableau a, #tableau-bis a {
	text-decoration: underline;
}

#tableau div.radeditor a, #tableau-bis div.radeditor a
{
	text-decoration: none;
}


#tableau caption, #tableau-bis caption, .rgMasterTable caption {
	border-top: 1px solid #61bbc8;
	border-right: 1px solid #61bbc8;
	border-left: 1px solid #61bbc8;
	border-bottom: 1px solid #61bbc8;
	background: url(../images/bg-caption.jpg) no-repeat top left !important;
	font-size: 12px;
	font-weight: 700;
	width: 709px;
	letter-spacing: .1em;
	margin: 0 1px 0 -1px;
	padding: 11px 10px;
	font-weight: 700;
	caption-side: top;
	color: #fff;
}

td  {
	color: #678197;
	border: 1px solid #e5eff8 !important;
	text-align: left;
	font-size: 11px;
	letter-spacing: .1em;
	padding: 5px 10px;
	line-height: 18px;
		vertical-align: top;
}

th.rgHeader 
{
	border-top: 1px solid #e5eff8;
	border-right: 1px solid #e5eff8;
	border-left: 1px solid #e5eff8;
	border-bottom: 1px solid #e5eff8;
	background: #eee url(../images/bg-trame.gif);
	font-size: 10px !important;
	font-weight: 100;
	width: 709px;
	letter-spacing: .1em;
	margin: 0 1px 0 -1px;
	padding: 11px 10px;
	font-weight: 700;
	caption-side: top;
	color: #62cce0;    
}

th.rgHeader a
{
	color: #62cce0 !important;    
}

.RadWindow table td, .RadWindow table tr
{
    border: none !important;    
}


table.RadWindow  
{
 border: none !important;   
}



.rgCommandRow 
{
background-color: #fff;
}


.rgMasterTable thead 
{
  	border-top: 1px solid #222 !important;
	border-right: 1px solid #222 !important;
	border-left: 1px solid #222 !important;
	border-bottom: 1px solid #222 !important;
	background: url(../images/bg-commentairemembre.gif) repeat-x top left !important;
	font-size: 11px;
	font-weight: 100;
	width: 709px;
	letter-spacing: .1em;
	margin: 0 1px 0 -1px;
	padding: 11px 10px;
	font-weight: 700;
	caption-side: top;
	color: #222;  
}

.rgMasterTable thead  a
{
	color: #222;  
}


#ctl00_Contenu_CorbeilleUC_userControl_ListeMessageUC1_RadGridListeMessageSupprime_ctl00,
#ctl00_Contenu_BoiteReceptionUC_userControl_ListeMessageUC1_RadGridListeMessageRecu_ctl00,
#ctl00_Contenu_BoiteEnvoiUC_userControl_ListeMessageUC1_RadGridListeMessageEnvoi_ctl00
{
 margin-top: 10px;   
}

#ctl00_Contenu_BoiteEnvoiUC_userControl_ListeMessageUC1_RadGridListeMessageEnvoi_ctl00 
{
    
}

.rgHeader 
{
 padding: 10px !important;    
}


.alternance {
    background-color: #f9fcff !important;
}


#tableau th, #tableau-bis th  {
	font-weight: 700;
	font-size: 11px;
	color: #678197;
	text-align: left;
	padding: 5px 10px;	
	border-bottom: 1px solid #e5eff8;
	border-left: 1px solid #e5eff8;
	border-right: none !important;
			vertical-align: top;
    
}

#tableau th.titre-intermediare, #tableau-bis th.titre-intermediare
{
	font-size: 13px;
}

.alerte 
{
	 border: 1px solid #dedd97;
	 background-color: #fcfbbc;
	 padding: 10px;
	 margin: 0 0 10px 0;
}

p.alerteicone
{
    font-size: 11px;
    padding: 3px 0 3px 20px !important;
	background: url(../images/bullet_error.png) no-repeat 0 2px;
}

.note 
{
	 border: 1px solid #d9e2ed;
	 background-color: #e7eef7;
	 padding: 6px 10px;
	 margin: 0 0 10px 0;
}

p.noteicone
{
	font-size: 11px;
	font-weight: 700;
	padding: 3px 0 3px 20px !important;
	background: url(../images/help.png) no-repeat -1px  3px;
}


.charges {

	background: #d34a4a url(../images/bg-table-charges.png) no-repeat top left;
	color: #fff;

}

.produits {

	background: #a8ca5d url(../images/bg-table-budget.png) no-repeat top left;
	color: #fff;

}

.no-border, table.no-border, table.no-border td, table.no-border th {
	border: none !important;
}



.row {
	border-bottom: 1px solid #eee;
	padding: 10px;
	font-size: .7em;
}

.altrow {
	background-color: #f8fbfc;
}

.row input {
	padding: 2px;
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif !important;
	color: #18555e;
}

.row textarea {
	padding: 2px;
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif !important;
	color: #18555e;
}

/* */

.membredl 
{
    padding: 10px;
    border: 1px solid #ddd;
    background: url("../images/bg-trame.gif") repeat-x top left;
    margin-bottom: 10px;
}

.membredl dt img
{
    float: right;
    border: 1px solid #ddd;
    padding: 4px;
    background-color: #fff;
}

.membredl dt
{
    font-size: .8em;
    font-weight: 700;
    padding-bottom: 4px; 
}

.membredl dd
{
    font-size: .7em;
    font-weight: 200;
    padding: 4px 0;
}

.rapport-erreur 
{
	display: inline;
	margin-left: 10px;
}
.rapport-erreur ul
{
	display: none;
}

div#content table td p 
{
	font-size: 0.80em;
}

div#aide 
{
	position: absolute;
	top: 181px;
	left: 650px;
	
	/* IE 6/7 Fix */
	*top: 171px;
	_top: 171px;
	*left: 400px;
	_left: 400px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Msg Case à cocher Accès Public <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.msg_acces_public_hidden
{
    visibility: hidden;    
}
.msg_acces_public
{
    visibility: visible;
    color: Red;    
}