/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body, form { margin:0;	padding:0;	height:100%; /* needed for container min-height */	font-family:arial,sans-serif;	font-size:small; color:#484747; }

body {background:url(/medias/communs/bg_top2.jpg) repeat-x;}

a {color:#666; text-decoration:none;outline:none;}
a:hover {color:#09384d; text-decoration:underline}
h1 { font:1.5em georgia,serif; 	margin:0.5em 0; color:#454648 }

h2 { font:1.3em georgia,serif; margin:0 0 0.5em; color:#454648 }
h3 {font-size:1em; margin:1.2em 0 1.2em 1.6em;}
ul {list-style-type:none; margin:0; padding:0;}
p { 
	line-height:1.5; 
	margin:0 0 1em;
}

.container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

.header { width:901px; margin:0 auto; height:35px; }

.header ul {float:right; overflow:hidden; margin:0 20px 0 0;}
.header ul li {float:left; padding:8px 10px; background:url(/medias/communs/m_top_separator.gif) right 1.2em no-repeat; margin:0 -3px 0 3px}

.enteteAccueil {background:url(/medias/communs/top_accueil.jpg) no-repeat; height:319px; margin:0 auto; width:901px;}
.enteteInterieur {background:url(/medias/communs/top_int.jpg) no-repeat; height:211px; margin:0 auto; width:901px;}

.enteteAccueil ul, .enteteInterieur ul {float:right; overflow:hidden; margin:10px 20px 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.3em}
.enteteAccueil ul li, .enteteInterieur ul li {float:left; padding:8px 10px; background:url(/medias/communs/m_main_separator.gif) right center no-repeat; margin:0 -3px 0 3px }

.header a {color:#fff; font-size:0.85em;}

.content { 	padding:0 0 260px; /* bottom padding for footer */}
.innerContent {width:901px; margin:0 auto}



.footer { position:absolute; height:260px; width:100%;	bottom:0; /* stick to bottom */	background:url(/medias/communs/bg_bot.jpg) center bottom repeat-x; }
.footer p { width:901px; text-align:right; padding-top:235px; color:#FFFFFF; font-size:0.85em;	margin:0 auto;	}

.plansBox, .plansBoxInt, .sondageBox, .commentBox, .sondageBoxInt {float:left; margin-top:10px; }
.plansBox {width:318px; margin-right:17px; background:url(/medias/communs/bg_plans.gif) no-repeat left 55px; position:relative}

.plansBoxInt {width:318px; margin-right:17px;}
.sondageBox  {width:235px; margin-right:18px; background:url(/medias/communs/bg_sondage.gif) no-repeat left 55px; height:400px;}
.commentBox  {width:313px; background:url(/medias/communs/bg_comment.gif) no-repeat left 55px; position:relative}




.plansBox h1,  .sondageBox h1, .commentBox h1 {color:#fff; font-size:1.3em; padding:10px 0 28px 15px}
.plansBoxInt h1, .sondageBoxInt h1 {margin-left:15px; font-size:1.7em}
.txtContenu h1 {font-size:1.7em; margin-top:21px;}
.plansBox h1 {background:url(/medias/communs/header_plans.gif) no-repeat;}
.sondageBox h1 {background:url(/medias/communs/header_sondage.gif) no-repeat;}
.commentBox h1 {background:url(/medias/communs/header_comment.gif) no-repeat;}

.sondageBoxInt {width:888px;}

.plansBoxInt .scroll {overflow:auto; height:480px; width:330px; position:relative;}
.plansBox ul, .plansBoxInt ul, .sondageBoxInt ul {width:286px; margin:0 auto; overflow:hidden}
.sondageBoxInt .past {width:480px; margin-left:35px; float:left;}
.sondageBoxInt .past ul {width:480px;  }
.plansBox ul li, .plansBoxInt ul li, .sondageBoxInt .past ul li {position:relative; padding:10px 0; background:url(/medias/communs/plans_separator.gif) repeat-x bottom; margin:1px 0 -1px 0}
.plansBox ul li a, .plansBoxInt ul li a, .sondageBoxInt .past ul li .title {color:#595454; background:url(/medias/communs/plan_menu_arrow.gif) no-repeat left 0.3em; padding:0 30px 0 17px; display:block}
.plansBox ul li .comments, .plansBoxInt ul li .comments { width:35px; background:url(/medias/communs/bulle_plan.gif) no-repeat right 0.1em; float:right; font-size:0.8em; position:absolute; top:5px; right:0; z-index:2;}
.plansBox ul li .comments a, .plansBoxInt ul li .comments a {padding:4px 0px 10px 0px; color:#000; background:none; text-align:center}
.plansBox ul li a em, .plansBoxInt ul li a em {color:#cc0e2d; font-size:0.9em; font-weight:bold;}

.plansBoxInt ul li .comments { background:url(/medias/communs/bulle_plan2.gif) no-repeat right 0.1em}

.sondageBoxInt .past ul li .title {width:200px}
.sondageBoxInt .results {color:#333; margin-top:20px; width:210px; float:left}
.sondageBoxInt .past ul li .results {float:right; margin-top:0px;}
.plansBoxInt ul li a.PlanIsON { text-decoration:underline}
.sondageBox .question {width:205px; margin:0 auto;}
.question table input {margin-right:0.3em;}
.sondageBox .question p {line-height:1.2em}
.voter {margin-top:1em}
.results {color:#333; margin-top:20px;}
.results h5 {font-size:0.85em; margin:0 0 1em;}

.reponse {margin-top:10px;}
.reponse span {float:right; font-size:0.9em}
.reponse .graph { width:130px; height:7px; border:1px solid #b4b8d3; background:#dcedec; float:left; margin:3px 0 0; padding:0; }
.reponse .graph .barre {background:#195772; height:7px; padding:0;}
.reponse strong {float:left; padding-right:1em; width:2em}

.laissezComment {width:290px; margin:0 auto; }
.Left {float:left;}
.laissezComment h5 {font-size:0.9em; color:#195772; margin:0 0 1em; }
.laissezComment .champ {width:280px; background:#f1f9fa; border:1px solid #9badb7; display:block; margin:0 0 7px; padding:0.3em; font-family:Arial, Helvetica, sans-serif;}
.laissezComment .champ, .laissezComment select {font-size:0.8em;  color:#2a5066}
.laissezComment select {background:#f1f9fa; border:1px solid #9badb7; float:left; margin-top:0.3em; width:200px }
.bSend {float:right; margin:0; padding:0;}

.consentement {font-size:0.85em; margin-bottom:0.5em}
.consentement .case {float:left;}
.consentement span {float:left; line-height:1em; padding:0.2em 0 0 0.5em; width:250px}

.PlanDesc { float:left; width:556px; padding:65px 0 0; margin-left:10px}
.PlanDesc .Desc h2, .sondageBoxInt h2 {font-size:1.4em}
h2 span {font-family:"Times New Roman", Times, serif}
h6 { margin:0.2em 0 0.4em; font-size:0.85em; }

.PlanDesc .Desc ul {margin:0 0 2.5em 1.5em;}
.PlanDesc .Desc ul li {padding:0 0 0 20px; margin:0.7em 0; background:url(/medias/communs/puce.gif) no-repeat left 0.4em;}

.PlanDesc .Desc p {padding:0 2em 1em 0;}

sMenuPlans {height:25px; float:left; padding:0px; overflow:hidden;}
.sMenuPlans li {float:left; height:25px; font-size:1.1em; padding:0; font-family:"Times New Roman", Times, serif;}
.sMenuPlans li a {background:url(/medias/communs/b_menufiche1.gif) center top; color:#195773; display:block; padding:0.3em 0em 0; text-align:center; height:20px; margin:0 1px;}
.sMenuPlans li a:hover {color:#195773; text-decoration:none}

.sMenuPlans li.Mcommuniques {width:211px; background:url(/medias/communs/ong_communiques_on.gif) no-repeat;} 

.sMenuPlans li.Mcommuniques {width:211px; background:url(/medias/communs/ong_communiques_off.gif) no-repeat;} 
.sMenuPlans li:hover.Mcommuniques, .sMenuPlans li.McommuniquesON {width:211px; background:url(/medias/communs/ong_communiques_on.gif) no-repeat;} 
.sMenuPlans li.Mphotos {width:91px; background:url(/medias/communs/ong_photos_off.gif) no-repeat} 
.sMenuPlans li:hover.Mphotos, .sMenuPlans li.MphotosON {width:91px;background:url(/medias/communs/ong_photos_on.gif) no-repeat}  
.sMenuPlans li.Mcomments {width:243px; background:url(/medias/communs/ong_comment_off.gif) no-repeat}
.sMenuPlans li:hover.Mcomments, .sMenuPlans li.McommentsON {width:243px; background:url(/medias/communs/ong_comment_on.gif) no-repeat}

.plansBoxSub {height:400px; position:relative;}
.Boxcommuniques, .Boxphotos, .Boxcomments { padding-top:20px; width:545px; height:500px; position:absolute; top:0; left:-5555px; z-index:2; background:url(/medias/communs/bg_projet_details.jpg) no-repeat;}

a.CommentOnThis { /*position:absolute; top:420px; right:25px; z-index:4;*/ cursor:pointer; display:block; width:256px; height:28px; background:url(/medias/communs/b_commentonthis.gif) no-repeat; margin:0 0 30px -5px; font-family:Georgia, "Times New Roman", Times, serif; color:#195773}
a:hover.CommentOnThis {background:url(/medias/communs/b_commentonthis2.gif) no-repeat; text-decoration:none}
a.CommentOnThis span {float:left; background:url(/medias/communs/bg_double_arrows.gif) no-repeat right center; padding:0.5em 1em 0.5em 35px;}


/*.Boxcommuniques ul { font-size:0.85em}
.Boxcommuniques ul li a { font-weight:bold; color:#09384d}
.Boxcommuniques li {padding:0 0 1.3em 1.9em}
.Boxcommuniques li.pdf {background:url(/medias/communs/DocIcone/pdf.gif) no-repeat left 0.1em;}*/
/*
.sMenuPlans li.Mcommuniques a, .sMenuPlans li.Mphotos a, .sMenuPlans li.Mcomments a {display:block; border:1px solid red; height:1%}
.sMenuPlans li.Mcommuniques a span, .sMenuPlans li.Mphotos a span, .sMenuPlans li.Mcomments a span {margin:0 auto; float:left}*/

a.bRSS { background:url(/medias/communs/b_rss.gif) no-repeat left top; width:38px; height:14px; display:block; text-indent:-5555px; position:absolute; top:72px; right:20px; z-index:3}
a:hover.bRSS { background:url(/medias/communs/b_rss.gif) no-repeat left bottom;}
/* clearfix pour floats */
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

.txtContenu {margin-left:15px; position:relative}
.txtContenu p {}
.txtContenu .imageRight {float:right; margin:0 0 40px 40px}

.telechargement {margin:25px 0 0; overflow:hidden}
.telechargement li {float:left; width:440px; height:1%; font-size:0.9em; padding:20px 0 10px; margin:1px 0 -1px 0; background:url(/medias/communs/plans_separator.gif) left bottom repeat-x;}
.telechargement li a {display:block; cursor:pointer}
.telechargement li a:hover span {text-decoration:underline}
.telechargement li img {float:left; margin:0 20px 0 0; height:50px; border:0}
.telechargement li span { float:left; height:50px; padding:0.9em 0 0 0}

.liens {margin:25px 0 0; overflow:hidden}
.liens li {float:left; width:440px; height:1%; font-size:0.9em; padding:20px 0 10px; margin:1px 0 -1px 0; background:url(/medias/communs/plans_separator.gif) left bottom repeat-x;}
.liens li a{display:block; cursor:pointer}


.bio {margin:0 0 1.5em 0em;}
.bio li {padding:0 0 0 20px; margin:0.7em 0; background:url(/medias/communs/puce.gif) no-repeat left 0.4em;}
.bio a {font-size:0.85em}
.prezVideo {width:358px; height:225px; border:1px solid #ccc; padding:2px; margin:0 0 40px 0;}
#vidBoxMsg {padding:30px;}

.addy h3 {margin:1.5em 0 1em;}
.Phone {display:inline; width:10em;	}

h2.separator {background:url(/medias/communs/plans_separator.gif) repeat-x top; padding-top:0.6em; margin-top:2em; margin-bottom:1em}

.coord {float:left; width:200px; line-height:1.4em}
.coord a {font-size:0.85em}
.coord2 {width:250px; }

.quote {position:absolute; top:113px; left:350px; z-index:2; width:500px; text-align:right; }

.quote p {font-style:italic; margin:1em 0.4em 0 0; font-size:0.85em}

.Boxphotos p, .Boxcomments p, .Boxcommuniques p { margin:0 0 0 1.5em}

/* documents */
.attLinkpdf, .attLinkdoc, .attLinkdocx, .attLinkxls, .attLinkxlsx, .attLinkeps, .attLinkzip, .attLinkjpg, .attLinkgif, .attLinkpng { display: inline-block; padding: 2px 0px 2px 24px; line-height: 18px; min-height: 18px; overflow: visible; background: url(/medias/communs/DocIcone/default.gif) center left no-repeat; }
.attLinkpdf { background-image: url(/medias/communs/DocIcone/pdf.gif); }
.attLinkdoc, .attLinkdocx { background-image: url(/medias/communs/DocIcone/doc.gif); }
.attLinkxls, .attLinkxlsx { background-image: url(/medias/communs/DocIcone/xls.gif); }
.attLinkjpg, .attLinkgif, .attLinkpng { background-image: url(/medias/communs/DocIcone/jpg.png); }
.attLinkeps { background-image: url(/medias/communs/DocIcone/eps.png); }
.attLinkzip { background-image: url(/medias/communs/DocIcone/zip.png); }


.liens, .videobox {float:left; width:280px; padding-right:10px;}
.liens h2, videobox h2 {margin:0;}
.liens .bio { font-size:1.1em}

.videobox {width:380px;}
.PlanDesc h2 em {font-style:normal; color:#cc0e2d; font-size:0.7em; font-weight:bold; font-family:Arial, serif}