/* -- ipeos_header.css.html -- */
/****************************************************************/
/* Design: IPEOS.net */
/* File: Global layout structure */
/*--------------------------------------------------------------*/
/* Design: www.ipeos.net */
/* Date: 30 Octobre 2008 */
/****************************************************************/
/************/
/* GLOBAL */
/************/
/* NON-HEADER */
*{padding:0; margin:0;}
body {font-size:x-small; font-family:arial,verdana,sans-serif; background:url(squelettes/css_switch/ipeos_noir/img/fond-texture.png) repeat-y #000000; color:#cccccc;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {clear:both; width:960px; margin:0px auto; margin-top:10px; margin-bottom:10px; font-size:1.0em; background-color:#000000;}
.main {clear:both; width:960px; padding-bottom:10px; margin-top:4px; }
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:right; width:222px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; margin-right:4px;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:729px; margin:0 0 0 3px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }
.footer {clear:both; width:100%; margin:0 auto; padding:1.5em 0; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; /*background:url(squelettes/css_switch/ipeos_noir/img/fond-footer.png) repeat-x #000000;*/}
/********************/
/* LIEN EVITEMENTS */
/********************/
.evitement{width:960px; margin:0px auto 0px auto; text-align:left;}
.evitement li{display:inline;list-style:none;}
.evitement a{padding-left:5px;padding-right:5px;}
/* HEADER */
.header {width:960px; background-color:#000000; padding-bottom:3px; }
.header a img {border:0px;}
.header-top {width:956px; clear:both; border-top:1px solid rgb(150,150,150); border-bottom:1px solid rgb(150,150,150); height:75px; margin:0px auto; background:rgb(0,0,0); background:url(squelettes/css_switch/ipeos_noir/img/bandeau.png) no-repeat; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:960px;}
.header-breadcrumbs {clear:both; width:960px; padding:1.0em 0 1.5em 0;}
/*************/
/* 2. HEAD */
/*************/
.sitelogo {width:51px; height:51px; position:absolute; z-index:1; margin:18px 0 0 15px; /*background:url(squelettes/css_switch/ipeos_noir/img/logo.jpg) no-repeat;*/}
.sitename {width:300px; height:45px; position:absolute; z-index:1; margin:23px 0 0 75px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-weight:normal; font-size:240%;}
.sitename h2 {margin:-2px 0 0 0; color:#000000; font-style:italic; font-weight:normal; font-size:120%;}
.sitename a{text-decoration:none; color:#eeeeee;}
.sitename a:hover {text-decoration:none; color:#eeeeee;}
.sitename h1 a, .sitename h1 a:hover {color:#000000;}
.nav0 {width:350px; position:absolute; z-index:2; margin:25px 0 0 0; margin-left:610px !important /*Non-IE6*/; margin-left:613px /*IE6*/;}
.nav0 ul {float:right; padding:0 20px 0 0;}
.nav0 li {display:inline; list-style:none;}
.nav0 li a {padding:0 0 0 3px;}
.nav0 a:hover {text-decoration:none;}
.nav0 a img {height:20px; border:none;}
.nav1 {float:left; width:730px; padding:2px 0 0 0;}
.nav1 ul {padding:0 3px 0 0; font-weight:normal; float:right;}
.nav1 li {display:inline; list-style:none;}
.nav1 li a {padding:2px 5px 0 5px; color:#ffffff; text-decoration:none; font-size:120%; float:left; width:131px; margin-right:4px; border-bottom:5px solid #36393D; text-align:left;}
.nav1 a:hover {text-decoration:none; color:#ffffff; border-bottom:5px solid #FF7400;}
.header .searchform {float:right; width:225px; padding:1px 0px 1px 2px !important /*Non-IE6*/; padding:1px 0px 1px 0px /*IE6*/; margin-right:3px; margin-bottom:1px;}
.header .searchform form fieldset {float:left; border:none;}
.header .searchform label {color:#ffffff; font-weight:bold; font-size:120%;}
.header .searchform input.field {width:9.0em; padding:0.2em 0 0.2em 0; border:1px solid #afb2b2; font-family:verdana,arial,sans-serif; font-size:120%; background-color:#ffffff; color:rgb(0,0,0); }
.header .searchform input.button {padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:url(squelettes/css_switch/ipeos_noir/img/fond-orangef.png) repeat-x; border:none; text-align:center; font-family:verdana,arial,sans-serif; color:#ffffff; font-weight:bold; font-size:120%;}
.header .searchform input.button:hover {cursor:pointer; border:none; background:url(squelettes/css_switch/ipeos_noir/img/fond-orange.png) repeat-x; color:#ffffff;}
/*Drop-down menu*/
.nav2 {white-space:nowrap /*IE hack*/; float:left; width:958px; margin:0; padding:0; margin-left:2px; background:rgb(0,0,0); color:rgb(100,100,100); font-size:130%;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; width:179px; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; margin:0; padding:0; margin-right:4px;}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE6*/; display:block; padding:10px 16px 5px 5px; margin:0; text-decoration:none; font-weight:bold; color: #eeeeee; background-color:rgb(0,0,0); width:158px /*IE6*/;}
.nav2 ul li ul {display:none; border:none;}
.nav2 ul li.fin {width:43px; margin-left:-4px;}
.nav2 ul li.fin a {padding:2px 0 0 10px; width:33px; background:url(squelettes/css_switch/ipeos_noir/img/fond-orangef.png) repeat-x;}
.nav2 ul li.fin a:hover {padding:2px 0 0 10px; width:33px; background:url(squelettes/css_switch/ipeos_noir/img/fond-orange.png) repeat-x;}
.nav2 ul li.fin img {border:0; float:none!important; margin-top:0px; width:30px;}
.nav2 ul li.vert a {color:#ffffff; background:url(squelettes/css_switch/ipeos_noir/img/fond-vertf.png) repeat-x;}
.nav2 ul li.vert a.on {background:url(squelettes/css_switch/ipeos_noir/img/fond-vert.png) repeat-x;}
.nav2 ul li.violet a {color:#ffffff; background:url(squelettes/css_switch/ipeos_noir/img/fond-violetf.png) repeat-x;}
.nav2 ul li.violet a.on {background:url(squelettes/css_switch/ipeos_noir/img/fond-violet.png) repeat-x;}
.nav2 ul li.rouge a {color:#ffffff; background:url(squelettes/css_switch/ipeos_noir/img/fond-rougef.png) repeat-x;}
.nav2 ul li.rouge a.on {background:url(squelettes/css_switch/ipeos_noir/img/fond-rouge.png) repeat-x;}
.nav2 ul li.bleu a {color:#ffffff; background:url(squelettes/css_switch/ipeos_noir/img/fond-bleuf.png) repeat-x;}
.nav2 ul li.bleu a.on {background:url(squelettes/css_switch/ipeos_noir/img/fond-bleu.png) repeat-x;}
.nav2 ul li.marron a {color:#ffffff; background:url(squelettes/css_switch/ipeos_noir/img/fond-orangef.png) repeat-x;}
.nav2 ul li.marron a.on {background:url(squelettes/css_switch/ipeos_noir/img/fond-orange.png) repeat-x;}
/*Non-IE6 hovering*/
.nav2 ul li:hover {position:relative;} /*Sylvain IE hack*/
.nav2 ul li:hover a:hover {color:#FFFFFF;}
.nav2 ul li a:hover {color:#FFFFFF;}
.nav2 ul li.vert a:hover {background:url(squelettes/css_switch/ipeos_noir/img/fond-vert.png) repeat-x;}
.nav2 ul li:hover.vert a:hover {background:url(squelettes/css_switch/ipeos_noir/img/fond-vert.png) repeat-x;}
.nav2 ul li.violet a:hover {background:url(squelettes/css_switch/ipeos_noir/img/fond-violet.png) repeat-x;}
.nav2 ul li:hover.violet a:hover {background:url(squelettes/css_switch/ipeos_noir/img/fond-violet.png) repeat-x;}
.nav2 ul li.rouge a:hover {background:url(squelettes/css_switch/ipeos_noir/img/fond-rouge.png) repeat-x;}
.nav2 ul li:hover.rouge a:hover {background:url(squelettes/css_switch/ipeos_noir/img/fond-rouge.png) repeat-x;}
.nav2 ul li.bleu a:hover {background:url(squelettes/css_switch/ipeos_noir/img/fond-bleu.png) repeat-x;}
.nav2 ul li:hover.bleu a:hover {background:url(squelettes/css_switch/ipeos_noir/img/fond-bleu.png) repeat-x;}
.nav2 ul li.marron a:hover {background:url(squelettes/css_switch/ipeos_noir/img/fond-orange.png) repeat-x;}
.nav2 ul li:hover.marron a:hover {background:url(squelettes/css_switch/ipeos_noir/img/fond-orange.png) repeat-x;}
/* -- ipeos_setup.css.html -- */
/******************/
/* MAIN SECTION */
/******************/
/* MAIN NAVIGATION */
.evitement {color:#F9F7ED;font-weight:bold;}
.evitement a {color:#F9F7ED;font-weight:bold; border-right:1px solid #585858;}
.evitement li.derniere_nav a {border-right:none;}
.evitement ul {margin-bottom:0; padding-top:5px; float:left;}
.evitement form {margin-left:5px; padding-top:5px;}
.evitement fieldset {border:0;}
.evitement legend{display:none;}
.evitement select {color:#F9F7ED; background-color:rgb(0,0,0); border:1px solid #F9F7ED; font-size:90%;}
.evitement input.button {color:#F9F7ED; font-weight:bold; background-color:rgb(0,0,0); border:1px solid #F9F7ED; padding:1px; font-size:90%;}
.evitement ul.caducet {float:right;}
.evitement ul.caducet li, .evitement ul.caducet a {border:0; padding:0;}
.evitement ul.caducet img, .evitement ul.caducet a img {border:0;}
/* MAIN CONTENT */
.column1-unit {clear:both; float:left; width:729px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.column2-unit-left {clear:left; float:left; width:352px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {clear:right; float:right; width:352px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; padding:0 5px;}
.column3-unit-left {/*clear:left;*/ float:left; width:227px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; padding:0 5px;}
.column3-unit-middle {float:left; width:227px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:8px; padding:0 5px;}
.column3-unit-right {/*clear:right;*/ float:right; width:227px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left-small {clear:left; float:left; width:220px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; padding:0 5px;}
.column3-unit-middle-small {clear:right; float:right; width:220px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:5px; padding:0 5px;}
.column2-3unit-left {float:left; width:454px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column1-3unit-right {float:left; width:227px; margin-left:5px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-4unit-left {float:left; width:495px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column1-4unit-right {float:right; width:180px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-4unit-right {float:right; width:495px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column1-4unit-left {float:left; width:180px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column4-unit-left {float:left; width:178px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; border:1px solid white;}
.column4-unit-left-center {float:left; width:178px; margin-left:3px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; border:1px solid white;}
.column4-unit-right-center {float:left; width:178px; margin-left:3px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; border:1px solid white;}
.column4-unit-right {float:right; width:178px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; border:1px solid white;}
.entoure {padding:3px 15px; color:#000000; clear:left;}
.pack {background:url(squelettes/css_switch/ipeos_noir/img/fond-sommaire.png) repeat-x; height:100%;}
.pub {border:1px solid #494949; background-color:#FFFBDE; padding:3px 5px;}
/********************/
/* FOOTER SECTION */
/********************/
.footer p {line-height:1.3em; text-align:center; font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:#EEEEEE;}
.footer a:hover {text-decoration:none; color:#FFFFFF;}
.footer a:visited {color:#EEEEEE;}
/*.footer .top {width:952px; border-top:1px solid rgb(210,210,210); margin:0 auto; margin-bottom:10px; height:10px;}*/
/*.footer .bottom {background-color:rgb(230,230,230); height:10px; margin:1.0em 0 0 0;}*/
/******************/
/* CLEAR FLOATS */
/******************/
.page-container:after, .header:after, .header-bottom:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
p:after {content:"."; display:block; height:0; /*clear:both*/; visibility:hidden;}
.footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:680px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}
/********************************/
/* PRINTING and MISCELLANEOUS */
/********************************/
@media print {.header-top {width:954px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:954px; background:transparent;}}
@media print {.nav2 {float:left; width:954px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:954px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:954px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
/* -- ipeos_text.css.html -- */
/****************************************************************/
/* Design: IPEOS.net */
/* File: Text formats */
/*--------------------------------------------------------------*/
/* Design: www.ipeos.net */
/* Date: 30 Octobre 2008 */
/****************************************************************/
/******************/
/* MAIN SECTION */
/******************/
/* MAIN NAVIGATION */
.nav3-grid {width:222px;}
.nav3-grid dt a, .nav3-grid dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 10px; border-top: double 3px rgb(200,200,200); margin-top:1px; text-decoration:none; color:#999999; font-weight:bold; font-size:120%;}
.nav3-grid dt.rub a, nav3-grid dt.rub a:visited {background:url(squelettes/css_switch/ipeos_noir/img/puce_nav.gif) no-repeat right;}
.nav3-grid dd a, .nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 30px; border:none; font-weight:normal; text-decoration:none; color:#999999; font-size:120%; background:url(squelettes/css_switch/ipeos_noir/img/bullet_gray.png) no-repeat 10px 7px;}
.nav3-grid dt a:hover, .nav3-grid dd a:hover {color:#999999; text-decoration:underline;}
.vert .nav3-grid dt a:hover, .vert .nav3-grid dd a:hover {color:#6BBA70;}
.vert .nav3-grid dd a:hover {background:url(squelettes/css_switch/ipeos_noir/img/bullet_vert.png) no-repeat 10px 7px;}
.violet .nav3-grid dt a:hover,.violet .nav3-grid dd a:hover {color:#FF0084;}
.violet .nav3-grid dd a:hover {background:url(squelettes/css_switch/ipeos_noir/img/bullet_violet.png) no-repeat 10px 7px;}
.rouge .nav3-grid dt a:hover,.rouge .nav3-grid dd a:hover {color:#CC0000;}
.rouge .nav3-grid dd a:hover {background:url(squelettes/css_switch/ipeos_noir/img/bullet_rouge.png) no-repeat 10px 7px;}
.bleu .nav3-grid dt a:hover,.bleu .nav3-grid dd a:hover {color:#4096EE;}
.bleu .nav3-grid dd a:hover {background:url(squelettes/css_switch/ipeos_noir/img/bullet_bleu.png) no-repeat 10px 7px;}
.marron .nav3-grid dt a:hover,.marron .nav3-grid dd a:hover {color:#FF7400;}
.marron .nav3-grid dd a:hover {background:url(squelettes/css_switch/ipeos_noir/img/bullet_marron.png) no-repeat 10px 7px;}
.rouge_ipeos .nav3-grid dt a:hover,.rouge_ipeos .nav3-grid dd a:hover {color:#4096EE;}
.rouge_ipeos .nav3-grid dd a:hover {background:url(squelettes/css_switch/ipeos_noir/img/bullet_vert.png) no-repeat 10px 7px;}
.nav3-grid dt.first a {border-top:0;}
.nav3-bullet {width:170px; margin:10px 0 0 20px;}
.nav3-bullet dt a, .nav3-bullet dt a:visited {line-height:2.0em; padding:0 0 0 10px; background:url(squelettes/css_switch/ipeos_noir/img/bg_bullet_full_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-bullet dd a, .nav3-bullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; padding:0 0 0 10px; background:url(squelettes/css_switch/ipeos_noir/img/bg_bullet_half_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-bullet dt a:hover {background:url(squelettes/css_switch/ipeos_noir/img/bg_bullet_full_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}
.nav3-bullet dd a:hover {background:url(squelettes/css_switch/ipeos_noir/img/bg_bullet_half_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}
.nav3-nobullet {width:170px; margin:10px 0 0 20px;}
.nav3-nobullet dt a, .nav3-nobullet dt a:visited {line-height:2.0em; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-nobullet dd a, .nav3-nobullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-nobullet dt a:hover, .nav3-nobullet dd a:hover {text-decoration:underline; color:rgb(42,90,138);}
.main-navigation .loginform {width:160px; margin:-10px 20px 0 20px;}
.main-navigation .loginform p {clear:both; margin:0; padding:0;}
.main-navigation .loginform ul {list-style:none; padding:0; margin:0;}
.main-navigation .loginform ul li {background:none;}
.main-navigation .loginform fieldset {width:160px; border:none;}
.main-navigation .loginform fieldset legend {display:none;}
.main-navigation .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main-navigation .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.main-navigation .loginform input.forml, .main-navigation .loginform input {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.main-navigation .loginform input.password {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.main-navigation .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main-navigation .loginform p.spip_bouton input, .main-navigation .loginform p.bouton input.submit {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.main-navigation .loginform p.spip_bouton input:hover, .main-navigation .loginform p.bouton input.submit:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.main-navigation .searchform {width:160px; margin:0 20px 0 20px;}
.main-navigation .searchform fieldset {border:none;}
.main-navigation .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%;}
.main-navigation .searchform input.button {float:left; width:3.0em; margin-top: 0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.main-navigation .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.main-navigation h2.first {clear:both; margin:0px; padding:4px 20px 3px 20px; padding-top:1.0em; background-color:#999999; font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:normal; font-size:190%; border:0;}
.main-navigation h2 {clear:both; margin:5px 0 5px 0; padding:0px 20px 0px 20px; background:#999999; font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h2.tete {margin:3px 0 0 0;}
.main-navigation .vert h2 {background-color:#000000; color:#6BBA70;}
.main-navigation .vert h2.first {color:#FFFFFF; background:url(squelettes/css_switch/ipeos_noir/img/fond-h2-vert.png) repeat-x #000000; border:0;}
.main-navigation .vert .references {margin-top:3.0em; border-top:1px solid #6BBA70; border-bottom:1px solid #6BBA70;}
.main-navigation .violet h2 {background-color:#000000; color:#FF0084;}
.main-navigation .violet h2.first {color:#FFFFFF; background:url(squelettes/css_switch/ipeos_noir/img/fond-h2-violet.png) repeat-x #000000; border:0;}
.main-navigation .violet .references {margin-top:3.0em; border-top:1px solid #FF0084; border-bottom:1px solid #FF0084;}
.main-navigation .rouge h2 {background-color:#000000; color:#F71200;}
.main-navigation .rouge h2.first {color:#FFFFFF; background:url(squelettes/css_switch/ipeos_noir/img/fond-h2-rouge.png) repeat-x #000000; border:0;}
.main-navigation .rouge .references {margin-top:3.0em; border-top:1px solid #F71200; border-bottom:1px solid #F71200;}
.main-navigation .bleu h2 {background-color:#000000; color:#4096EE;}
.main-navigation .bleu h2.first {color:#FFFFFF; background:url(squelettes/css_switch/ipeos_noir/img/fond-h2-bleu.png) repeat-x #000000; border:0;}
.main-navigation .bleu .references {margin-top:3.0em; border-top:1px solid #4096EE; border-bottom:1px solid #4096EE;}
.main-navigation .marron h2 {background-color:#000000; color:#FF7400;}
.main-navigation .marron h2.first {color:#FFFFFF; background:url(squelettes/css_switch/ipeos_noir/img/fond-h2-orange.png) repeat-x #000000; border:0;}
.main-navigation .marron .references {margin-top:3.0em; border-top:1px solid #FF7400; border-bottom:1px solid #FF7400;}
.main-navigation .rouge_ipeos h2 {background-color:#000000; color:#4096EE;}
.main-navigation .rouge_ipeos h2.first {color:#FFFFFF; background:url(squelettes/css_switch/ipeos_noir/img/fond-h2-bleu.png) repeat-x #000000; border:0;}
.main-navigation .rouge_ipeos .references {margin-top:3.0em; border-top:1px solid #4096EE; border-bottom:1px solid #4096EE;}
.main-navigation h3 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:#999999; font-weight:bold; font-size:150%;}
.main-navigation h4 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}
.main-navigation ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.main-navigation ul li {margin:5px 0 0.2em 2px; padding:0px 0px 0 11px; background:url(squelettes/css_switch/ipeos_noir/img/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-navigation ul li a, .main-navigation ul li a:hover {color:#999999;}
.main-navigation ul.contact {list-style:none; border:1px solid rgb(170,170,170); width:100%; margin:2.0em 0 1.0em 0;}
.main-navigation ul.contact li {background:url(squelettes/css_switch/ipeos_noir/img/bullet_gray.png) no-repeat 10px 3px; color:#999999; font-weight:bold; padding:0px 10px 0px 30px; font-size:120%;}
.main-navigation ul li.rss {background:url(squelettes/css_switch/ipeos_noir/img/ico-rss.png) no-repeat; line-height:1.7em; padding-left:20px}
.main-navigation ul.contact li.rss {background:url(squelettes/css_switch/ipeos_noir/img/ico-rss.png) no-repeat 10px 0px; line-height:1.7em; padding-left:30px;}
.main-navigation .rouge ul li a, .main-navigation ul.rouge li a:hover {color:#CC0000;}
.main-navigation .violet ul li a, .main-navigation ul.violet li a:hover {color:#FF0084;}
.main-navigation .vert ul li a, .main-navigation ul.vert li a:hover {color:#6BBA70;}
.main-navigation .bleu ul li a, .main-navigation ul.bleu li a:hover {color:#4096EE;}
.main-navigation .marron ul li a, .main-navigation ul.marron li a:hover {color:#FF7400;}
.main-navigation .rouge_ipeos ul li a, .main-navigation ul.rouge_ipeos li a:hover {color:#4096EE;}
.main-navigation .rouge a, .main-navigation .rouge a:hover {color:#CC0000;}
.main-navigation .violet a, .main-navigation .violet a:hover {color:#FF0084;}
.main-navigation .vert a, .main-navigation .vert a:hover {color:#6BBA70;}
.main-navigation .bleu a, .main-navigation .bleu a:hover {color:#4096EE;}
.main-navigation .marron a, .main-navigation .marron a:hover {color:#FF7400;}
.main-navigation .rouge_ipeos a, .main-navigation .rouge_ipeos a:hover {color:#4096EE;}
.main-navigation ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.main-navigation ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}
/* MAIN CONTENT */
.main-content .breadcrumbs {position:absolute; width:720px; color:#999999; font-weight:bold; font-size:100%;}
.main-content .breadcrumbs ul {text-align:right; padding-right:20px;}
.main-content .breadcrumbs ul li {display:inline; padding-left:12px; background:url(squelettes/css_switch/ipeos_noir/img/arrow_gray.png) no-repeat 0 center; text-align:right;}
.main-content .breadcrumbs ul li a {color:#999999;}
.main-content .breadcrumbs ul li a:hover {color:#999999; text-decoration:underline;}
.main-content .rouge .breadcrumbs ul li {background:url(squelettes/css_switch/ipeos_noir/img/arrow_rouge.png) no-repeat 0 center;}
.main-content .rouge .breadcrumbs ul li a {color:#CC0000;}
.main-content .rouge .breadcrumbs ul li a:hover {color:#CC0000;}
.main-content .violet .breadcrumbs ul li {background:url(squelettes/css_switch/ipeos_noir/img/arrow_violet.png) no-repeat 0 center;}
.main-content .violet .breadcrumbs ul li a {color:#FF0084;}
.main-content .violet .breadcrumbs ul li a:hover {color:#FF0084;}
.main-content .vert .breadcrumbs ul li {background:url(squelettes/css_switch/ipeos_noir/img/arrow_vert.png) no-repeat 0 center;}
.main-content .vert .breadcrumbs ul li a {color:#6BBA70;}
.main-content .vert .breadcrumbs ul li a:hover {color:#6BBA70;}
.main-content .bleu .breadcrumbs ul li {background:url(squelettes/css_switch/ipeos_noir/img/arrow_bleu.png) no-repeat 0 center;}
.main-content .bleu .breadcrumbs ul li a {color:#4096EE;}
.main-content .bleu .breadcrumbs ul li a:hover {color:#4096EE;}
.main-content .marron .breadcrumbs ul li {background:url(squelettes/css_switch/ipeos_noir/img/arrow_marron.png) no-repeat 0 center;}
.main-content .marron .breadcrumbs ul li a {color:#FF7400;}
.main-content .marron .breadcrumbs ul li a:hover {color:#FF7400;}
.main-content .rouge_ipeos .breadcrumbs ul li {background:url(squelettes/css_switch/ipeos_noir/img/arrow_vert.png) no-repeat 0 center;}
.main-content .rouge_ipeos .breadcrumbs ul li a {color:#4096EE;}
.main-content .rouge_ipeos .breadcrumbs ul li a:hover {color:#4096EE;}
.main-content .breadcrumbs ul li.first {background:none;}
.main-content h1.pagetitle {float:left; width:100%; clear:both; margin:0 0 1.0em 0; padding:2.0em 0 2px 0; border-bottom:0px; border-right:0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:normal; font-size:220%;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:#CCCCCC; border-bottom:1px solid #CCCCCC; font-weight:normal; font-size:210%;}
.main-content h2 {clear:left; margin:1.0em 0 0.5em 0; padding-left:5px; font-family:"trebuchet ms",arial,sans-serif; color:#999999; font-weight:normal; font-size:170%;}
.main-content h2 a {color:#999999; font-weight:normal; text-decoration:underline;}
.main-content h2 a:hover {color:#999999; text-decoration:underline; font-weight:normal;}
.main-content .rouge h2 {color:#CC0000; border-left:15px solid #CC0000;}
.main-content .rouge h2 a {color:#CC0000;}
.main-content .rouge h2 a:hover {color:#CC0000;}
.main-content .violet h2 {color:#FF0084; border-left:15px solid #FF0084;}
.main-content .violet h2 a {color:#FF0084;}
.main-content .violet h2 a:hover {color:#FF0084;}
.main-content .vert h2 {color:#6BBA70; border-left:15px solid #6BBA70;}
.main-content .vert h2 a {color:#6BBA70;}
.main-content .vert h2 a:hover {color:#6BBA70;}
.main-content .bleu h2 {color:#4096EE; border-left:15px solid #4096EE;}
.main-content .bleu h2 a {color:#4096EE;}
.main-content .bleu h2 a:hover {color:#4096EE;}
.main-content .marron h2 {color:#FF7400; border-left:15px solid #FF7400;}
.main-content .marron h2 a {color:#FF7400;}
.main-content .marron h2 a:hover {color:#FF7400;}
.main-content .rouge_ipeos h2 {color:#4096EE; border-left:0;}
.main-content .rouge_ipeos h2 a {color:#4096EE; text-decoration:none;}
.main-content .rouge_ipeos h2 a:hover {color:#4096EE; text-decoration:none;}
.main-content h3 {clear:left; margin:0 0 0 0; font-family:"trebuchet ms",arial,sans-serif; color:#999999; font-weight:bold; font-size:150%;}
.main-content .marron h3 a {color:#999999;}
.main-content h3.spip {clear:none; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:#999999; font-weight:bold; font-size:150%; border-bottom:2px solid #999999;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}
.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;/*test*/clear:none;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:0 0 0.3em 0; line-height:1.0em; font-size:110%;}
.main-content .details {font-size:90%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}
.main-content table {clear:both; width:600px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.main-content table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-content table td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}
.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {margin:0 0 0.2em 2px; text-indent:12px; background:url(squelettes/css_switch/ipeos_noir/img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:120%;}
.main-content ul.spip li {text-indent:0;}
.main-content ul li ul {font-size:80%;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}
.main-content ol li ol {font-size:80%;}
.contactform {width:418px; margin:2.0em auto; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); /*background-color:rgb(240,240,240);*/}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform p.explication {width:400px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform ul {margin:0;}
.contactform ul li {background:none;}
.contactform input.field, .contactform input.text {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:394px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:#EFEFEF; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:#484848; font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(255,255,255); color:#999999;}
.contactform table {clear:both; width:400px; margin:0.2em 0; table-layout:auto; border-collapse:collapse; empty-cells:show; background-color:#ffffff;}
.contactform table tr {background-color:#ffffff; border:1px solid #cccccc;}
.contactform table td {background-color:#ffffff; border:1px solid #cccccc;}
/********************/
/* COMMON CLASSES */
/********************/
.main img {margin:0 10px 0 0 ; padding:1px;}
.main img.center, .main .center {display:block; margin:0 auto; padding:1px;}
.main img.right, .main .right {float:right; margin:0 0 0 10px; padding:1px;}
.main img.left, .main .left {float:left; margin:0 10px 0 0; padding:1px;}
.main canvas {margin:-1px 0 0 0;}
.main-content a {color:#999999; font-weight:bold; text-decoration:none;}
.main-content a:hover {color:#999999; text-decoration:underline;}
.main-content .rouge a {color:#CC0000;}
.main-content .rouge a:hover {color:#CC0000;}
.main-content .rouge .entoure {background-color:#ffe5e5;}
.main-content .violet a {color:#FF0084;}
.main-content .violet a:hover {color:#FF0084;}
.main-content .violet .entoure {background-color:#f3e6f1;}
.main-content .vert a {color:#6BBA70;}
.main-content .vert a:hover {color:#6BBA70;}
.main-content .vert .entoure {background-color:#eef4e8;}
.main-content .bleu a {color:#4096EE;}
.main-content .bleu a:hover {color:#4096EE;}
.main-content .bleu .entoure {background-color:#eaeff1;}
.main-content .marron a {color:#FF7400;}
.main-content .marron a:hover {color:#FF7400;}
.main-content .marron .entoure {background-color:#ffdcbf;}
.main-content .rouge_ipeos a {color:#4096EE; font-weight:normal;}
.main-content .rouge_ipeos a:hover {color:#4096EE; font-weight:normal;}
.main-content .rouge_ipeos .entoure {background-color:#eaeff1;}
.main-content .pub-starter a, .main-content .pub-advanced a, .main-content .pub-premium a {
color:#FFFFFF;
}
.main-navigation a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main-navigation a:hover {color:rgb(42,90,138); text-decoration:underline;}
.main-navigation a:visited {color:rgb(42,90,138);}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main a img {border:solid 1px rgb(255,255,255);}
.main a:hover img {border:solid 1px rgb(220,220,220);}
.main a img.no-border {border:0;}
.main a:hover img.no-border {border:0;}
.main p.lire_suite {font-size:110%; text-align:right; margin-top:-0.5em; margin-bottom:0;}
.main .retour_haut_page p {clear:both; font-size:110%; margin:0;}
.main-navigation .references ul {margin:0 auto; padding:0;}
.main-navigation .references ul li {background:none;}
.main h3.forum-repondre {text-align:right; margin-top:1.0em;}
.main h3.forum-repondre a {border:1px solid #999999; padding:3px 20px; color:#999999; background-color:#ffffff;}
.main h3.forum-repondre a:hover {border:1px solid #333333; padding:3px 20px; color:#333333; background-color:#efefef; text-decoration:none;}
.main ul.forum li {background:none; border:1px solid #cccccc;}
.main ul.forum li p {margin-bottom:3px;}
.main p.pagination .on {border:1px solid #cccccc;}
.main .pub h2 {color:#494949; background:none; text-align:center; margin-top:0.5em;}
.main .pub p {margin-bottom:0.5em;}
.main .pub p a {color:#0000CE;}
.main .pub p a:hover {color:#0000CE; text-decoration:underline;}
.main .pub p.rub_pub {margin-top:-1.0em; font-size:100%;}
.main .pub p.rub_pub a {color:#008200; font-weight:normal;}
.main .pub p.rub_pub a:hover {color:#008200; text-decoration:underline;}
.main ul.nuage li {background:none;}
.main .main-content .sommaire {background:url(squelettes/css_switch/ipeos_noir/img/fond-sommaire.png) repeat-x; border:1px solid #666666; height:auto/*Non-IE6*/; height:200px/*IE6*/; padding-left:10px;}
.main .main-content .sommaire h2 {background:none; color:#CCCCCC; margin-top:0.5em;}
.main .main-content .sommaire ul li {background:url(squelettes/img/puce-sommaire.png) no-repeat; padding-left:10px;}
.main .main-content .sommaire2 {background:url(squelettes/css_switch/ipeos_noir/img/fond-sommaire.png) repeat-x; border:1px solid #666666; height:auto/*Non-IE6*/; height:200px/*IE6*/;}
.main .main-content .sommaire2 h2 {background:none; color:#CCCCCC; margin-top:0.5em;}
.main .main-content .sommaire2 ul li {background:url(squelettes/img/puce-sommaire.png) no-repeat; padding-left:10px;}
.main .main-content .sommaire-grand {/*background:url(squelettes/img/fond-sommaire-petit-bleu.png) repeat-x; background-position:bottom left;*/ /*border:1px solid #4096EE;*/ height:auto/*Non-IE6*/; height:100px/*IE-6*/; min-height:100px/*Non-IE6*/;}
.main .main-content .sommaire-grand h2 {background:none; color:#4096EE;}
.main .main-content .sommaire-img {background:url(squelettes/css_switch/ipeos_noir/img/fond-sommaire.png) repeat-x; border:1px solid #666666; height:auto/*Non-IE6*/; height:200px/*IE6*/;}
.main .main-content .sommaire-img h2 {background:none; color:#CCCCCC; margin-top:0.5em;}
.main .main-content .sommaire-img ul {padding:0; margin:0;}
.main .main-content .sommaire-img ul li {background:none; padding:0;}
*>.main .main-content .sommaire, *>.main .main-content .sommaire2, *>.main .main-content .sommaire-img, *>.main .main-content .sommaire-grand {min-height:200px;}
.main .main-content .fort {color:#4096EE;}
.main p.pagination {clear:both; text-align:center;}
/* REFLECTION.JS */
.rheight66 {float:left;}
.logo-img {clear:both; float:left; width:100%; padding:0 5px; padding-top:12px; background-color:#FFFFFF; -moz-border-radius:2.0em;}
.partir {font-size:90%;}
.prix {font-size:100%!important; font-weight:bold; color:#FFFC20;}
.som-ipeos {color:#eeeeee; text-align:center; clear:both; padding-top:2.0em;}
.confiance ul {margin:0; padding:0;}
.confiance ul li {background:none; margin:0; padding:0;}
.confiance ul li img {position:absolute; margin:0; margin-left:-20px; padding:0;}
img.logo_hp {position:absolute; margin-top:140px!important; margin-left:150px!important;}
img.ico-centre {margin-top:7px!important;}
.news {clear:both;}
.pack h3 {background-color:#333333; margin-top:3px; margin-bottom:10px; text-align:center; color:#999999;}
.pack h3 a{color:#FFFFFF!important; font-size:130%;}
.pack h3 a:hover {color:#FFFFFF!important; text-decoration:none;}
.tarifs {clear:both; margin-top:5px; text-align:right; color:#000000;}
.pub-34 {min-height:210px;}
.pub-34 .tarifs {background-color:#FF7400;}
.pub-34 h3 a:hover {color:#FF7400!important;}
.pub-38 {min-height:210px;}
.pub-38 .tarifs {background-color:#CC0000;}
.pub-38 h3 a:hover {color:#CC0000!important;}
.pub-32 {min-height:210px;}
.pub-32 .tarifs {background-color:#6BBA70;}
.pub-32 h3 a:hover {color:#6BBA70!important;}
.pub-33 {min-height:210px;}
.pub-33 .tarifs {background-color:#4096EE;}
.pub-33 h3 a:hover {color:#4096EE!important;}
/* ONGLET DETAILS */
ul.ui-tabs-nav li {display:inline; margin:0px; margin-left:3px;}
ul.ui-tabs-nav li a {background:#999999; padding:5px 10px; color:#000000!important; border:1px solid #000000;}
ul.ui-tabs-nav li a:hover {border:1px solid #f3e6f1; text-decoration:none;}
ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected a:hover {background:#f3e6f1; color:#000000!important; border:1px solid #f3e6f1;}
.ui-tabs-panel {border:solid 1px #333333; background:#f3e6f1; color:#000000; padding:8px; margin:0px; margin-top:-6px;}
.ui-tabs-hide { display:none; }
/* FIN ONGLET DETAILS*/