body {font-family:"Lucida Grande",Tahoma,Verdana,sans-serif; font-size:12px; color:#888; padding:0; border:0; margin:0; background:#fff url(../pro/cssplay/body_back.gif) repeat-x 0 10px; text-align:center;}

a {color:#0076bd; text-decoration:none;}
a:visited {color:#0076bd;}
a:active {color:#0076bd;}
a:hover {color:#57A5D4;text-decoration:none;}
.div { border:1px solid red}
h1,h2,h3,h4 {margin-top:0px}

#wrapper_home { width:724px; height:541px ;margin:60px auto 30px auto; text-align:left;background-repeat:no-repeat; }
#wrapper_home div.box { width:240px;height:448px;padding-left:430px;padding-top:60px }
#wrapper_home p, h3 { color:#707070 }
#wrapper_home h3 { font-size:14px; line-height:18px }

#wrapper {width:940px; margin:0px auto; text-align:left;}
#header {width:940px; height:113px; margin-bottom:20px;float:left; background:#fff url(../images/header.png); position:relative;}

#lang_menu { float:right;text-transform:uppercase;margin-top:24px;margin-right:30px }
#lang_menu a { color:#ffffff; text-decoration:none; }
#lang_menu_home { float:right;margin:10px; }
#lang_menu_home a { text-transform:uppercase;color:#cccccc }
#lang_menu_home a:hover { color:#a0a0a0 }

select.profils { width:230px }
select.wide-profils { width:100% }

#logo {float:left;}
#logo img.print { display:none }
#logo h2 {color:#ffffff; font-size:13px; font-weight:normal; padding:0 0 0 10px; margin:12px 10px 0 45px; float:left;}
#logo h2 a {color:#ffffff;}
#logo a, #logo a:visited {text-decoration:none;}

#content {width:767px; background:transparent; float:left;}


p.cite {color:#008080; display:list-item; padding:0 5px; list-style-image: url(../graphic/open_quotes.gif); background: url(../graphic/close_quotes.gif) bottom right no-repeat;}

#left_column  { width:357px;padding-left:55px;padding-right:45px; float:left }
#right_column { width:310px;float:left }
#far_right    { width:173px;float:left }
#right_column_swap { width:173px;float:left }
#far_right_swap    { width:270px;padding-left:40px;float:left }  

#left_column h1,h2,h3 { color:#868889;font-family:"Lucida Grande",Tahoma,Verdana,sans-serif; }
#left_column h2 { font-size:18px; line-height:20px;}
#left_column h3 { font-size:14px; line-height:20px;}
#left_column .h3 { font-size:14px; line-height:18px}
#left_column p {font-size:12px; line-height:20px;} /* margin:24px 0 8px 0; */
#left_column p.spip_note, p.note { font-size:10px;line-height:normal }
#left_column img { border:0; }
#left_column p.texte_renvoi,
#left_column span.texte_renvoi, 
#left_column p span.texte_renvoi { font-size: 12px;font-style:italic; }
#left_column p.texte_mention, 
#left_column span.texte_mention,
#left_column p span.texte_mention { font-family:Arial,Verdana,sans-serif;font-size: 10px;font-style:normal;line-height:normal; }
#left_column .p_glue { margin-top:0px }
#left_column div.agenda { margin:15px 0 30px 0 }
#left_column div.agenda p { margin-top:6px }

#menu_aides { margin-top:25px;margin-left:55px }
#menu_aides ul {list-style-type: none;width:200px; list-style-image:url(../images/boulettes_off.png); margin:10px 0 20px 20px; padding:0;}
#menu_aides ul li { margin:15px 0 15px 0; }
#menu_aides ul li.on {list-style-image:url(../images/boulettes_on.png);}
#menu_aides ul li a { color:#888;font-size:11px; text-decoration:none; }
#menu_aides ul li.on a {color:#0076bd; }
#menu_aides ul li a:hover {text-decoration:none;color:#0076bd}
#menu_aides ul li span.text {font-size:11px; color:#333;}
#menu_aides h3 { font-size:14px; color:#0076bd; line-height:18px; margin-left:20px;margin-right:40px }


#menu_utiles { background-image:url(../images/col3_bg.png); background-repeat:no-repeat;background-position:10px 0px; float:left; padding:0 10px 0 26px; }
#menu_utiles img {display:block; border:0; margin-top:10px;}
#menu_utiles .h3 { color:#ffffff;background-image:url(../images/col3_pic-info.png); background-repeat:no-repeat;padding:12px 0 30px 30px;font-size:11px;text-transform:uppercase; }
#menu_utiles ul { list-style-type:none; margin-left:0px;margin-top:20px;padding:0px;width:100px }
#menu_utiles li { margin:10px 0 10px 0;padding:0px; text-transform:uppercase; }
#menu_utiles li a { color:#8C8C8C;font-size:10px;text-decoration:none; }
#menu_utiles li a.on { color:#0076bd; }
#menu_utiles li a:hover { color:#a5a5a5 }
#menu_utiles li.news-box { background-image:url(../images/col3_pic-mail.png); background-repeat:no-repeat; background-position:left bottom; padding-bottom:30px;margin-top:30px; }
#menu_utiles li.news-box a { color:#8e8e8e; font-weight:bolder; text-transform:uppercase;font-size:11px; text-decoration:none; } 
#menu_utiles li.news-box a.on { color:#0076bd; }
#menu_utiles li.news-box a:hover { color:#7e7e7e }
.utils-rub-margin { margin-left:40px;}

div.box { width:230px; }
div.box-profils { margin-left:60px }
div.box h3 { color:#868889;padding-right:20px }
h3.h3_profils_box { color:#0076BD; }



#pre_footer { clear:both;height:118px;width:940px;padding-top:40px;background-repeat:no-repeat;background-position:left bottom }

#footer {clear:both; width:940px; height:25px;padding-top:10px; color:#a4a4a4; font-size:10px; background-image:url(../images/foot_bg.png); background-repeat:repeat-x;}
#footer p {font-size:11px; color:#a4a4a4; margin:5px 10px 5px 15px; float:left;}
ul.footer {list-style-type:none; margin:0px; padding:0px; float:left; margin-left:55px;}
ul.footer li, .home_footer ul.footer li {float:left; margin:0px 10px 2px 10px;}
ul.footer li a {font-family: verdana, arial, helvetica, sans-serif;font-size:10px;color:#bbbbbb;text-transform:uppercase; text-decoration:none;}
ul.footer li a:hover {color:#a5a5a5}

.home_footer { width:720px;height:20px;padding-top:10px;margin-left:8px }
.home_footer ul.footer { margin-left:-10px; }

#search {position:absolute; top:-20px; right:0; margin:0;}
#search form {margin:0; padding:0;}
#search form img {border:0; float:left; margin-right:10px;}
#search form label {font-size:0.9em;}

/* ------- Misc elems --------*/

.spacer {margin-top:5px;}
.left {float:left;}
.float_left {float:left; margin:0 10px 5px 0;}
.clear {clear:both;}
.hidden {display:none;}
.date {font-weight:bold; color:#008080;}
.bold {font-weight:bold;}
.image img {border:0; margin-left:5px;}
pre {font-size:11px; color:#006699;}

p {font-size:11px; line-height:16px; margin:5px 0 15px 0;}
fieldset { border:none;margin:0px;padding:0px }

table, table td { border:none }
table td { color:#333333;font-size:10px;text-align:left; }
table td:first-child { text-align:left }
table thead td:first-child { text-align:center; }
table thead td { background-color:#9BA300;color:#ffffff }
tr.row_first { background: #FFC; }
tr.row_odd { background: #DDD; }
tr.row_even { background: #EEE; }
th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

div#form_info  { background-color:#B0FD9C;border:1px solid #ccc; padding:10px;display:none }
div#form_error { background-color:#FFF7B1;border:1px solid #ccc; padding:10px;display:none }

form#mbxl-form fieldset { border: none; }
form#mbxl-form ul { margin:0px; padding:0px }
form#mbxl-form ul li { list-style:none;color:#333; }
form#mbxl-form p{
	width: 400px;
	clear: left;
	margin: 0;
	padding: 7px 0 8px 0;
	padding-left: 100px; /*width of left column containing the label elements*/
	height: 1%;
}
form#mbxl-form label {
	color:#333;
	float: left;
	width: 100px; /*width of labels. Should be smaller than left column (85px) to create some right margin*/
}
form#mbxl-form p.nolabel{
	width: 400px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 0px; /*width of left column containing the label elements*/
	height: 1%;
}
form#mbxl-form p.info{ padding: 0px 0 8px 0; }

form#mbxl-form textarea { 
	border-bottom:1px solid #cbcccd;
	border-left:1px solid #cbcccd;
	border-top:1px solid #F3F4F5;
	border-right:1px solid #F3F4F5;
	
}

input#form_submit {
	height: 20px;
	width: 100px;
}

form#mbxl-form .inputLine { width:200px;margin-bottom:15px;border:none;border-bottom:1px solid #cbcccd }
form#mbxl-form .selectBox { width:200px;margin-bottom:15px; }
form#mbxl-form legend { display:none }
form#mbxl-form select#date_roadshow { width:300px }
.inputText { width:280px}

div.confirm_items{ width:400px; margin:5px 0 5px 0; padding:3px 0 3px 0; border-bottom:1px solid #CCCCCC;color:#000;}
div.confirm_items div.label { float:left; }
div.confirm_items div.content { padding-left:55px; width:300px }
div.confirm_items_title { color:#E64427;font-size:14px;margin:15px 0 10px 0  }

.margin-top-0 { margin-top:0px }
.margin-top-10 { margin-top:10px }
.margin-top-90 { margin-top:90px }

.collapsing-box { margin-bottom:40px }
.underline { border-bottom:1px dotted #ccc }

.dates-agenda { color:#666666;font-size:1.6em;}
.titre-agenda {color:#6F7500;font-size:1.4em;font-weight:normal;}

dl.bloc-document { margin-bottom:10px;margin-top:10px;clear:both; }
dt.bloc-document-icone { float:left;margin-right:6px }
dt.bloc-document-titre { float:left;width:250px }
dd.bloc-document-descriptif { font-size:10px;clear:both; margin-left:22px}
a.lien-document { padding:5px 25px 5px 0;margin-right:5px;background-repeat:no-repeat; background-position:center right; }

div#so-o { float:right;font-size:10px }
div#so-o a { color:#BBBBBB;padding-bottom:10px }

.blocs_destination { margin-bottom:40px;margin-top:10px }