
/* ----------------------- Général ----------------------
--------------------------------------------------------- */

*{padding:0; margin:0}

.whitelink
{
	color:white;
}

body{
	font-family:Arial;
	/*font-size: 13px;
	color:#3e4a1e;
	line-height:20px;
	*/
	font-size:12px;
	color:#3e4a1c;
}

p,h1,h2,h3{
padding:0;
margin:0;
font-weight:normal;
}

h1 {margin-bottom:24px;font-size:20px;color:#226ab7; text-transform:uppercase;}
h1 sup{ font-size:18px; }

#internal_left h1, #internal_left h2 { text-transform:uppercase;}
h2 {margin-bottom:12px;font-size:15px;font-weight:bold;color:#3e4a1e; text-transform:uppercase;}

a{color:#226ab6;}
a:hover{ text-decoration:none;}

img{border:0;}

.red{
/*color:#f51128;*/
}

.big{
font-size:1.5em;
}
.small {font-size:0.9em;}

.video_home{padding:13px 0;}
.don-regions td{vertical-align:top; padding-bottom:10px; font-size:11px;}


/* ----------------------- Header -----------------------
--------------------------------------------------------- */

#header_cont 
{
	width:100%;
	background-color:#9fcb3a;	
	background:url(/images/bg_header.gif) repeat-x;
}

#header {
	margin: auto;
	height: 146px;
	width: 1000px;/*938*/

}


.header_right{float: left;background:url(/images/bg_bandeauright.jpg) no-repeat; width:561px;	height: 146px;}
* html .header_right{padding-left:0px;}


.header_right .tb_porte-parole 
{



}
.header_right .tb_porte-parole td { padding-right:5px;}
.header_right .tb_porte-parole span span{color:#008ccf; font-size:10px;}
.header_right .tb_porte-parole .photo {/*padding-top:22px;*/}
.header_right .tb_porte-parole .texte {padding-bottom:8px; font-size:10px; font-weight:bold;padding-top:17px;}

.logo 
{
	float:left;
	width:428px;
}

.presentePar{
	float:right;
	width:139px;
	margin-left:250px;
	font-weight:bold;
	text-transform:uppercase;
}


/* ------------------------- Menu -----------------------
--------------------------------------------------------- */
.menu{padding:51px 0px 0px 0px;/*29 0 0 0*/ }


.menu ul{list-style:none; padding:0; margin:0;  float:left; }
.menu ul li {display:inline;margin-left:10px;text-transform:uppercase;font: 10px arial; font-weight:bold; line-height:20px; }
.menu ul li.first {margin-left:0px;}

.menu ul li a, .menu ul li a:link {text-decoration:none;color:#fff;}
.menu ul li a:hover {text-decoration:underline;color:#fff;} 


.link_fr { float:left; padding-top:6px; padding-left:7px; }
.link_en {float:left; padding-top:6px; padding-left:7px;}

.link_en input, .link_fr input {margin-bottom:-3px;}
.link_fr

/* ------------------- Page d'accueil -------------------
--------------------------------------------------------- */

#content-wrapper, #inner-wrapper {overflow:hidden;}
#content-wrapper .column {float:left;}

#content-wrapper .left {width:627px; margin-right:20px;}
#content-wrapper .right {width:300px;}
#content-wrapper .left h1, #content-wrapper .right h2, #content .right h2 {margin-bottom:11px;font-size:20px;color:#226ab7; font-weight:normal;}

#inner-wrapper {margin-top:23px;}
#inner-wrapper .left {width:295px;}
* html #inner-wrapper .left {margin-right:3px;}
#inner-wrapper .right {width:312px;}

.link_splash {text-align:right;margin-right:15px;text-transform:uppercase;font:bold 12px/20px arial;}

.splash-box {}
.splash-box a {color:#fff;padding-left:10px;display:block;margin-top:5px;}

.splash-box .titre {font-size:14px;text-transform:uppercase;font-weight:bold;color:#fff;padding-bottom:8px;margin-bottom:6px;}

.bg-right {background:url(/images/bg_border_right.gif) no-repeat top left;width:9px;height:162px;float:left;}
.bg-bottom {background:url(/images/bg_border_bottom.gif) no-repeat top left;width:301px;height:9px;clear:both;margin-bottom:15px;}

#box-participez, #box-parrainez, #box-parlez {width:272px;height:142px;float:left;padding:10px;font-size:12px;line-height:15px;color:#fff;}

#box-participez {background:url(/images/bg_box_bleu.gif) no-repeat top left;}
#box-participez a {background:url(/images/img_fleche_bleu.gif) no-repeat center left;}
#box-participez .titre {border-bottom:1px solid #034583;}

#box-parrainez {background:url(/images/bg_box_vert.gif) no-repeat top left;}
#box-parrainez a {background:url(/images/img_fleche_verte.gif) no-repeat center left;}
#box-parrainez .titre {border-bottom:1px solid #7a9f10;}

#box-parlez {background:url(/images/bg_box_rouge.gif) no-repeat top left;}
#box-parlez a {background:url(/images/img_fleche_rouge.gif) no-repeat center left;}
#box-parlez .titre {border-bottom:1px solid #900307;}

.ban_tete_chapeau 
{
	width:293px;
	height:128px;
	display:block;
	margin-bottom:24px;
}

/* ----------------------- Content ----------------------
--------------------------------------------------------- */

#content_cont{
width:100%;
}

#content{
width: 948px;/*920*/
margin: auto;
/*margin-top:32px;*/
margin-top:27px;
background: #FFFFFF;
}

#content_left {
	float:left;
	/*width: 597px;*/
	width:600px;
}

* html #content_left {padding-bottom:57px;}

/* -------------------------------------- Page région --- */

#content_region{
	width: 934px;
	margin: auto;
	background: #FFFFFF;
}

#internal_regionleft{
	float:left;
	padding:30px 10px 53px 10px;
	width:580px;
	background:url(/images/internal_left.jpg) no-repeat;
}

#internal_region{
	padding-bottom: 0;
}

#internalbg {
	background:url(/images/internal_left.jpg) no-repeat;
	padding-top:30px;
	padding-bottom: 0;
	font-size:12px;
}

.title_region {
	padding:0px 20px 0px 20px ;
	width:440px;
	float:left;
}

.title_region h1 {width:440px;}

.barrehaut{float:left; padding-left:11px;}

.content_region {
	clear: both;
	float:left;
	padding:0px;
	width:580px;
}

#story 
{
	overflow:hidden;
	float:left; 
	margin:0px 10px 0px 0px;
	padding-left:20px;
	width:360px;
}        

#pub {
	float:left;
	padding:0;
}

/** html #story {width:100px;}
* html #pub {width:166px;}*/

#content_region_right {
	width: 285px;
	float:left;
	padding-left: 45px;
	min-height:530px;
}

#content_region_right img{
	display: inline;
}

#typedefi {
	clear:both;
	height:28px;
}

/* -------------------------------------- Page participant --- */

.participants {
	width:243px;
	background:url(/images/bg_regionparticipate.gif) no-repeat;
	height: 60px;
	padding: 10px 10px 0px 10px;
	font-weight: bold;
}

.participants h2 {
	padding:0; margin:0; padding-bottom:8px;
	color: white;
	font-size: 14px; text-transform:none;
}

.participants select{
	width: 240px;
	font-size:12px;
	display: block;
	margin-bottom: 5px;
}

.participantslist{
	margin-bottom: 14px;

}
.participantslist ul{
	list-style: none;
}

.participantslist ul li{
	width:263px; 
	color: white;
	font-size: 11px;
	background-color:#0867be;
}

.participantslist ul li a {
	display: block;  padding: 4px 0px 5px 20px;
	background:url(/images/liste_off.gif) no-repeat;height:16px;
	color: white;
	text-decoration: none;
}
.participantslist ul li a:hover
{
	display: block; 
	padding: 4px 0px 5px 20px; 
	height:16px;
	text-decoration: underline;
	background:url(/images/liste_on.gif) no-repeat;
	color: black;text-decoration: none;
}
.researcher{
	background:url(/images/bg_search.jpg);
	padding: 14px;
	height:162px;
	margin-bottom: 15px;
}

.researcher input, .modify input {
	width: 170px;
	height: 20px;
	border:1px #f71229 solid;
	margin-bottom: 10px;
}

.researcher label, .modify label {
	font-size: 12px;
}

.modify{
	background:url(/images/bg_modifyprofil.jpg);
	padding: 14px;
	height: 151px;
}

.researcher h2, .modify h2{
	color: #df0405;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

#internal_left{
	float:left;
	padding:17px 0px 53px 0px;
	width:627px;/*600*/
	margin-right:20px;/*30*/
}

.smallh1 {font-size: 13px; font-weight: bold;}

#block1, #block2 {
	float:left;
	padding:18px 14px 0px 14px;
	height:265px;
	width:264px;
	background:url(/images/bg_block.jpg) no-repeat;
}

#block2{margin-left:16px; clear:right;}


.block {
	font-size:12px;
	color:#3e4a1e;
}

.block p {
	margin:13px 0px 12px 0px;
	padding:0px;
	line-height:15px;
}

.block select {
	display:block;
	margin-bottom:15px;
	width:250px;
	font-size:12px;
}

#content_right, .content_right{
	float:left;
	/*padding:0px 0px 0px 30px;46*/
	width:300px;/*273*/
	font-size: 12px;
}

* html #content_right, * html .content_right {height:530px;}

#content_right-home{
	float:left;
	width:273px;
	font-size: 12px;
}


#content_right .leaders p{
	padding: 20px;
}

#content_right h3{
	font-size: 13px;
}

#content_right h3 a{
	font-size: 13px; color:#000000; text-decoration:none;
}

#content_right h3 a:hover{
	font-size: 13px;  text-decoration:none;
}

#content_right ul, #internal_left ul{
	margin-left:1px;list-style: none;
}

#content_right ul li, #internal_left ul li{
	background:url(/images/icon_arrow.jpg) no-repeat;
	background-position: 0 3px;
	display: block;
	padding-left: 13px;
}

#internal_left ul {margin-bottom:24px;}
#internal_left ul li {margin-bottom:5px;}

.linkphotos{
	background:url(/images/icon_arrow.jpg) no-repeat;
	background-position: 0 3px;
	display: block;
	padding-left: 11px; margin:5px;
}

.content_region ul{ padding-left:15px;}

.vertpale
{
	padding:7px; 
	width:249px;	
	background-color:#edf6d2;
}

.tdlabel{
	width:80px;
}
.tdlabelhome{
	width:95px;
}

.tdlabel1 label{
	width:120px;
	padding-left: 3px;
}

.tdlabel1 input {vertical-align:middle;}

.In_participant{width:140px;}
.In_participantdonationhome {width:155px;}
.In_participanthome {width:165px;}

td.padright{ padding-right:12px;}
        


.bordervert {
	margin-bottom:20px;
	width:164px;
	border:solid 1px #3375bc;  
}

.bandephoto {
	margin-bottom:20px;
	width:164px;
	display:none;

}

.bandephoto p{
	font-size:11px; font-weight:bold; padding-bottom:12px;

}
.mentionbandephoto{
	font-size:11px; font-weight:bold;
	color:White;
	background-color:#0867be;
	margin:0;
	padding:5px;
	width:156px;
	display:none;
}

.linevert{ border: solid 1px #e4e5d5; margin-bottom:20px;margin-top:20px; width:300px; text-align:left;}

div.scroll1 {
	height: 110px;
	width: 240px;

	overflow: auto;
	border: 1px solid #666;
	background-color: #FFFFFF;
    padding: 4px;
	-moz-box-sizing: border-box; 
	margin-left:5px;
}     

.ban_affichezvous 
{
	width:165px;
	height:92px;
	display:block;
	margin-bottom:15px;
}

/* ----------------------- Footer -----------------------
--------------------------------------------------------- */
#footer_cont{
	clear: both; 
	width:100%;
}

#footer_cont h2{
	font-size:14px; color:White; font-weight:bold;
}

#notearea_cont{
	width:100%;
}
#notearea{
	width: 920px;
	margin: auto;
	clear: both;
	padding-top: 34px;
	padding-bottom: 5px;

	background:white;
}

#footer{
	clear: both;
	margin: auto;
	padding: 15px 0;
	width: 920px;
	color: white;
	background:url(/images/bg_footer.jpg) no-repeat; font-size:10px;
}
#footer img{margin-right:10px; margin-bottom:10px;}
#footer .logos{float:left; display:inline; width:600px;}
#footer .presentepar{ float:right;}
#footer .footer_links {clear:both;}
#footer h2 {font-size:10px;color:#FFF;}
#footer ul {margin-bottom:11px;list-style:none;color:#3e4a1e; clear:both;}
#footer ul li{display:inline;font-size:10px;font-weight:bold;color:#3e4a1e;}
#footer ul li a, #footer ul li a:link {text-decoration:none;color:#3e4a1e;}
#footer ul li a:hover {text-decoration:underline;color:#3e4a1e;}


/*******************TABLE INSCRIPTION , DONATION ETC ************************/

.erreurrouge{
	color: red;
	font-family: verdana;
	font-size: 11px;

	font-weight:bold;
}
    
    
table.TB_general {	
	width:550px;
	background-color:#F3F3F3;
    
}

table.TB_generalfooter {background-color: #f0f1d9;width:550px;
 
}

.TB_general td{
	padding-left:8px;
    padding-right:2px;
    padding-top:5px;
    padding-bottom:1px;}
    
td.rowtitre { 	
	padding-left:10px;
    padding-right:5px;
	padding-top:1px;
	padding-bottom:2px;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;   
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff; 
	/*background-color: #a7c263;*/
	background-color:#0867BE;
}
    
.row1{
	/*background-color: #f0f1d9;  */
	background-color:#F3F3F3 
}
    
.row2{
	/*background-color: #f0f1d9;  */
	background-color:#F3F3F3 	
}

.rowlink{   background-color: #f0f1d9;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    border-bottom: 1px solid #ffffff;
}   

table.tableform { margin-left:20px; clear:both;}

.leftcolumn {padding-left:85px; font-size:12px; line-height:14px;}     

.titreTag { font-size:14px; font-weight:bold;}

/******************RESULTS GRILLE 2 COULEURS***********************/

.gridview {
     width:560px;
     border-style:none; 
}
            
* html .gridview {width:100%;}
    
.gridviewheader th{	    
		padding:5px;
	    text-align:left;
	    color:#ffffff; 
	    border: 1px solid #ffffff;
	    background-color:#0867be; 
}    
        
.gridviewrow td    {
	    padding:5px;
	    text-align:left;
	    border: 1px solid #ffffff; 
	    background-color:#f3f3f3;
}
        
.gridviewrow2 td    {
		padding:5px;
	    background-color:#f1f1f1;
	    border: 1px solid #ffffff;
        }  
        
        
.listsponsor
{
	vertical-align:top;	
	padding:10px; margin:10px;
}	        
	


.gridviewemail {
	 width:400px;
	 border-style:none; 
}
    
.gridviewheaderemail th{
	font-family: verdana;
    font-size: 10px;
    padding:5px;
    background-color: #a7c263;
    border: 1px solid #ffffff;
    padding:5px;
	
}    
        
.gridviewrowemail td {
	font-family: verdana;
	font-size: 10px;
	padding:5px;
	background-color: #f0f1d9;
	border: 1px solid #ffffff;
}
        
.gridviewrow2email td {
	font-family: verdana;
	font-size: 10px;
	padding:5px;
	background-color: #f0f1d9;
	border: 1px solid #ffffff;
}

h2.parrainage { text-transform:none; color:#F71229;}

/* ------------------------------------------------------------ 2010 --*/

.pMedium {margin:17px 0px;line-height:20px;font-size:13px;color:#226ab6;}
.pBig {line-height:20px;font-size:15px;color:#226ab6;}
h3, h4 {margin-bottom:10px;font-size:13px;font-weight:bold;color:#226ab6;}

#cr_content {padding-top:16px;width:244px;font-size:12px;color:#000;}

#cr_content  ul {margin-top:16px;}
#cr_content h2 {margin-bottom:5px;text-transform:none;font-size:13px;font-weight:bold;color:#3e4a1e;}
#cr_content h2 a {text-decoration:none;color:#3e4a1e;}

#cr_content p {margin-bottom:11px;padding-bottom:0px;line-height:15px;}

#cr_content .pBig {font-size:18px;color:#000;}

#intro_text {padding:0px 10px 20px 10px;}

#internal_left p {margin-bottom:25px;}

.pDon {margin-top:-2px;margin-left:15px;}

#parrainBloc, #_ctl0_ContentPlaceHolder1_parrainBloc {font-size:14px;font-weight:bold;color:#226AB6;}

#splash-top 
{
	clear:both;
	overflow:hidden;
	height:257px;
}

#splash-middle 
{
	clear:both;
	overflow:hidden;
	/*margin:20px -5px 20px 0;
	height:172px;*/
}

#splash-bottom 
{
	clear:both;
	overflow:hidden;
}

/* ----------------- Réseaux sociaux --------------------
--------------------------------------------------------- */
/* Homepage */
#content-wrapper .box, #content .box {margin-bottom:15px;}
#content-wrapper .box h2 {margin-bottom:0; clear:both;}
#content-wrapper .separateur {padding-bottom:20px; border-bottom:1px solid #b8bcdf;}
.separateur_flickr {margin-bottom:20px;margin-top:10px;  border-bottom:1px solid #b8bcdf;}
#content-wrapper .separateur .customTexte  {padding-bottom:5px;}
.customTexte {margin-bottom:20px;}
#box-leucan 
{
	line-height:15px;
	color:#414d21;
	width:295px;/*262*/

}
* html #box-leucan {margin:0 0px;padding:0px 20px 0px 30px;width:262px;}

#box-leucan p {margin-bottom:13px;}
#box-leucan .merci {font-size:18px;}

#box-participant
{
	width:300px;
	line-height:16px;
	margin-top:15px;
}

#flickr h2 {margin-bottom:0;}

/* Twitter */
#content .twitter 
{
	overflow:hidden;
	zoom:1;
	border:1px solid #a1c445;
	background:url(/images/twitter/bg_twitter.gif) repeat-y top right;
}

#content .twitter h2 
{
	display:block; 
	background:url(/images/twitter/logo_twitter.gif) no-repeat top left; 
	color:#fff; 
	font-weight:bold;
	font-size:1em;
	text-transform:none;
	padding-left:30px;
	height:34px;
}

#content .twitter h2 span {background:#A1C445; display:block; height:16px; padding:7px 0 7px 8px;}

#content .twitter .first {background:url(/images/twitter/separateur_tweetbox.gif) no-repeat bottom center; padding-bottom:5px;}
#content .twitter .tweetbox {margin:17px 7px 8px; overflow:hidden; zoom:1;}
#content .twitter .tweetbox a {text-decoration:none;}
#content .twitter .inner-tweetbox {float:left; width:226px; margin-left:10px;}
#content .twitter .twitterImage {width:48px; float:left;}
#content .twitter .twitterScreenName a {font-weight:bold; color:#231f20; text-decoration:none;}
#content .twitter .twitterMessage, #content .twitter .twitterDate {color:#414d21;}
#content .twitter .twitterSource {font-size:0.8em;}
#content .twitter .twitterSource, #content .twitter .twitterSource a {color:#414d21; text-decoration:none; font-style:italic;}

#content .twitterLink {color:#58633c; font-weight:bold; text-decoration:none;}
#content .twitterLink span {display:block;float:left;height:24px;line-height:24px;margin-right:4px;}
/* Inner Page */
.facebookShare {width:90px; float:left; margin:-10px 0 10px;}


/* autres */
.smallfooter {color:#3E4A1E; font-size:11px; font-weight:bold;}

/* rotator in-page placement */
#rotater-demo, #rotater-demo1  {position:relative; height:186px; width:164px; margin-bottom:10px; border:1px solid #d9d9d9; }
.slide , .slide1{ height:186px; position:absolute; width:164px; }
.slide p { padding:5px; }


/* TOOL TIP STUFF */

#text {margin:50px auto; width:500px}
.hotspot {color:#fff; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; }
#tttop {display:block; height:5px; margin-left:5px;  overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#0867BE; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}


