html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

a:link { text-decoration: none; color: #333; outline:none; }
a:visited { text-decoration: none; color: #333;}
a:hover { color: #e2007a; text-decoration: underline }
a:active { text-decoration: none; color: #333; }

table { border-collapse: collapse; border-spacing: 0; }
img  { border: 0; }

body { font: normal 12px Arial, Verdana, Helvetica, Sans-Serif; background: url(img/2010/body_fd.png) repeat-x 0 0 white; color:#000}

.newline { display: block; clear: both; line-height: 1px; font-size: 1px; }

.left { float: left; }
.right { float: right; }
.center { display: block; margin: 0 auto; }

img.left { float: left; margin: 0 10px 10px 0 }
img.right { float: right; margin: 0 0 20px 20px }
img.center { display: block; margin:0 auto; padding: 20px }

.espace { height: 20px; visibility: hidden;}


/****************************************************************
GLOBAL
****************************************************************/

#global { margin: 0 auto; width: 1000px; background: white; border: 1px solid #dedede; border-width:0 1px; }

/****************************************************************
MAIN
****************************************************************/

#main { overflow: hidden; zoom:1; }

/****************************************************************
HEADER
****************************************************************/

#header { padding: 14px 14px 0 14px; width: 972px; height: 157px; background: #FFF; position: relative;}

#logolink { position: absolute; top: 0; left: 0; }

#banner { float: right; width: 728px; height: 90px; overflow: hidden; }
#banner img, #banner object { margin: 0 auto; text-align: center; }

#baseline { float: right; padding: 13px 0; width: 728px; font: 13px Arial, Verdana; line-height: 13px; height: 13px; color: #000; font-weight: bold; }

#lienrapide { position: absolute; right: 20px; top: 115px;}

/****************************************************************
MENU_ACCES
****************************************************************/

#menu_acces { float: right; list-style: none; padding: 5px 10px 0 5px; height: 17px; }
#menu_acces li { float: left; padding: 0 1px; }
#menu_acces li a { font: bold 11px Arial, Verdana; color: #555; text-transform: uppercase; text-decoration: none; }
#menu_acces li a span { float: left; line-height: 22px; height: 22px; cursor: pointer; }
#menu_acces li a .first, #menu_acces li a .last { width: 5px; }
#menu_acces li a .middle { padding: 0 5px; }

#menu_acces .menu_acces_1 .first { background: url(img/2010/menu_acces/menu_acces_1_gauche.png) left top no-repeat; }
#menu_acces .menu_acces_1 .middle { background: url(img/2010/menu_acces/menu_acces_1_milieu.png) left top repeat-x;  }
#menu_acces .menu_acces_1 .last { background: url(img/2010/menu_acces/menu_acces_1_droite.png) left top no-repeat; }

#menu_acces .menu_acces_2 .first { background: url(img/2010/menu_acces/menu_acces_2_gauche.png); }
#menu_acces .menu_acces_2 .middle {background: url(img/2010/menu_acces/menu_acces_2_milieu.png); }
#menu_acces .menu_acces_2 .last { background: url(img/2010/menu_acces/menu_acces_2_droite.png); }

#menu_acces .menu_acces_3 .first { background: url(img/2010/menu_acces/menu_acces_3_gauche.png); }
#menu_acces .menu_acces_3 .middle {background: url(img/2010/menu_acces/menu_acces_3_milieu.png); }
#menu_acces .menu_acces_3 .last { background: url(img/2010/menu_acces/menu_acces_3_droite.png); }

#menu_acces li a:hover { color: #fff }

#menu_acces li a.menu_acces_2, #menu_acces li a.menu_acces_3 { color:#FFF }
#menu_acces li a:hover.menu_acces_1, #menu_acces li a:hover.menu_acces_2, #menu_acces li a:hover.menu_acces_3 { color:#333 }



#menu_acces li a:hover .first { background: url(img/2010/menu_acces/menu_acces_sel.png) top left; }
#menu_acces li a:hover .middle { background: url(img/2010/menu_acces/menu_acces_sel.png) top center;}
#menu_acces li a:hover .last { background: url(img/2010/menu_acces/menu_acces_sel.png) top right;}

/****************************************************************
CHANGELANG
****************************************************************/

#changelang { float: right; padding: 5px 0 0 0; height: 22px; }
#changelang a { font: bold 11px Arial, Verdana; color: #fff; text-decoration: none; }
#changelang a span { float: left; cursor: pointer; line-height: 22px; height: 22px; }
#changelang a .first, #changelang a .last { width: 5px; }
#changelang a .middle { padding: 0 5px; }
#changelang a:hover { color:#333 }
#changelang a:hover .first { background: url(img/2010/menu_acces/menu_acces_sel.png) top left; }
#changelang a:hover .middle { background: url(img/2010/menu_acces/menu_acces_sel.png) top center;}
#changelang a:hover .last { background: url(img/2010/menu_acces/menu_acces_sel.png) top right;}

#changelang a span.first { background: url(img/2010/changelang_gauche.png); }
#changelang a span.middle { background: url(img/2010/changelang_milieu.png); }
#changelang a span.last { background: url(img/2010/changelang_droite.png); }

#changelang a span.middle img { padding: 5px 0 0 0; width: 16px; height: 11px; border: none; }

/****************************************************************
VALUEHOME
****************************************************************/

#valuehome { overflow: hidden; margin: 10px auto 0 auto; width: 980px; height: 239px; background: url(img/2010/value_home_fd.png) left top no-repeat; }

#valuehome img { display: block; border: none; }
#valuehome a { margin:0; padding:0; border:none; }


/****************************************************************
VALUEHOME > BLOC des CONTENUS
****************************************************************/

#valuehome_contenu { float: left; width: 710px; height: 239px; }

/* afficher/masquer des panels */

#valuehome_panels .valuehome_panel { display: none; float: left; width: 710px; height: 239px; }
#valuehome_panels .sel { display: block; }

/****************************************************************
VALUEHOME > COLONNES + VISUELS
****************************************************************/

/* 2 colonnes */

.valuehome_panel .valuehome_col { float: left; }

.valuehome_panel .valuehome_col,
.img_visuel { width: 355px; height: 239px; }

/* 3 colonnes */

.tricols .valuehome_col,
.tricols .img_visuel { width: 235px; }

/* colonne centrale qui est plus petite sur PSI + visuel */

.tricols .colcentre,
.tricols .colcentre { width: 239px; }

*html .tricols .colcentre { width: 215px; }
/****************************************************************
VALUEHOME > COLONNES > CONTENU TEXTUEL
****************************************************************/

#valuehome_panels { float: left; }

/* 2 colonnes */

.valuehome_panel .valuehome_col p { margin: 0; padding: 20px 10px 10px 20px; /*width: 335px;*/ }
.valuehome_panels .illustration { margin: 0 auto; width: 335px; }

.valuehome_panel .valuehome_col p,
.valuehome_panel .valuehome_col p a { font: 12px Arial, Verdana; color: #fff; text-decoration: none; }

.valuehome_panel .valuehome_col p .separateur,
.valuehome_panel .valuehome_col p a .separateur { display: block; height: 1px; background: url(img/2010/br.gif) center center repeat-x; }

/* 3 colonnes */

.tricols .valuehome_col p,
.tricols .illustration { /*width: 215px; */}

/* colonne centrale qui est plus petite sur PSI + p + illustration */
.tricols .colcentre p { color:#000; }
.tricols .colcentre p,
.tricols .colcentre .illustration { /*width: 220px; */}

/****************************************************************
VALUEHOME > BLOC des ONGLETS
****************************************************************/

#valuehome_btns { float: right; list-style: none; margin: 0; padding: 8px 8px 8px 0; width: 262px; height: 224px; }

#valuehome_btns li { width: 262px; height: 55px; margin-bottom:1px;}

#valuehome_btns li a { display: block; padding: 8px 10px 7px 30px; width: 222px; height: 40px; background: url(img/2010/value_onglet_off.png) right top no-repeat; color: #FFFFFF; text-decoration: none; }
#valuehome_btns .sel a { background: url(img/2010/value_onglet_on.png) right top no-repeat; color: #fff; }

#valuehome_btns .titre { font: 18px Arial, Verdana; font-weight: bold; }
#valuehome_btns .soustitre { /*display: block;*/ font: 12px Arial, Verdana; }


/****************************************************************
VALUE TEST
****************************************************************/

#valuetest  { position: relative; height: 250px; overflow: hidden; background: #E3E3E3; }
#valuetest  ul { position: absolute; width: 250px; right: 0; top: 0; }
#valuetest  ul li {list-style: none; background: #C8D200; padding: 20px; }

#valuetest .illustration { float: left; }
#valuetest .texte { padding-right: 250px ; }

/****************************************************************
BOXES
****************************************************************/

.box_haut { /*padding: 10px 0 0 0;*/ height: 30px; }

.box_haut h2 { padding: 0 15px; font: 12px Arial, Verdana; line-height: 30px; height: 30px; color: #fff; font-weight: bold; }
.box_haut .first, .box_haut .middle, .box_haut .last { display: block; line-height: 30px; height: 30px; }
.box_haut .first { width: 5px; /*background: url(img/2010/barre_gauche.gif);*/ }
.box_haut .last { width: 5px; /*background: url(img/2010/barre_droite.gif);*/ }
.box_haut .middle { background: url(img/2010/barre_milieu.gif); }

.box_middle { padding: 10px 10px 0 10px; /*border: 1px solid #f9abb6; border-width: 0 1px;*/  overflow: hidden; zoom: 1; }

.box_middle h1 { margin: 0; padding: 10px 0; font: 18px Arial, Verdana; color: #e9941e; font-weight: bold; border: 1px solid #e9941e; border-width: 0 0 1px 0; }
.box_middle h2 { margin: 0; padding: 10px 0; font: 16px Arial, Verdana; color: #e9941e; font-weight: bold; }
.box_middle h3 { margin: 0; padding: 5px 0; font: 14px Arial, Verdana; color: #e9941e; font-weight: bold; }
.box_middle p { margin: 0; padding: 5px 0; font: 12px Arial, Verdana; color: #333; }
.box_middle p a { color: #d1012c; font-weight: bold; text-decoration: none; }

.box_bas { clear: both; margin: 0; padding: 0; line-height: 13px; height: 13px; }
.box_bas .first, .box_bas .middle, .box_bas .last { display: block; height: 13px; } 

.box_bas .first { float: left; width: 10px; /*background: url(img/2010/box_bas_first.gif);*/ }
.box_bas .middle { float: left;/* background: url(img/2010/box_bas_middle.gif);*/ }
.box_bas .last { float: left; width: 10px; /*background: url(img/2010/box_bas_last.gif);*/ }

/****************************************************************
COLONNES
****************************************************************/

#home_col_gauche { float: left; padding: 10px 0 10px 10px; width: 670px; }
#home_col_droite { float: right; padding: 10px 10px 10px 0; width: 302px; }

/****************************************************************
BLOC ACTU
****************************************************************/

#bloc-actu { 
/*float: left;*/ width: 668px; height: 296px; overflow: hidden; margin-bottom: 10px; background: url(img/2010/actu_fd.png) no-repeat 0 0; }

#tabs { list-style: none; height: 30px; margin-left: 5px;}
*html #tabs { margin:0; }
#tabs li { float: left; margin: 5px 10px 0 10px; font-size: 13px; }
*html #tabs li { float: left; margin: 5px 7px 0 10px; font-size: 13px; }/*probleme marge ie6 => passage onglet à la ligne*/
#tabs li a { float: left; height: 25px; width: 200px; line-height: 22px; color: #FFF; text-decoration: none; font-weight: 700;
background: url(img/2010/actu_off.png) no-repeat left top ;text-align: center; }

#tabs li a:hover { background: url(img/2010/actu_on.png) no-repeat left top; color: #363636; }
#tabs li.tabSel a { background: url(img/2010/actu_on.png) no-repeat left top; color: #363636; }

#bloc-actu .panel { padding: 20px 20px 10px 20px; }
#bloc-actu .panel h3 { font-size: 16px; color: #7e8500; }
#bloc-actu .panel a { color: #d1012c; text-decoration: none; font-weight: 700;  }
#bloc-actu .panel a:hover { text-decoration: underline;  }

#bloc-actu .article { margin-bottom: 10px; }

/****************************************************************
EDITO (ongletshome)
****************************************************************/

#edito { float: left; width: 668px; margin-bottom: 10px; }

/* BARRE TITRE += BARRE TABS */

#edito_tabs { list-style: none; margin: 0; padding: 6px 4px 0 4px; width: 660px; height: 24px;  background: url(img/2010/titre.gif); }
#edito_tabs li { float: left; display: inline; margin: 0 10px; }
#edito_tabs .tab a { display: block; font: 13px Arial, Verdana; padding: 0 5px; width: 190px; line-height: 24px; height: 24px; font-weight: bold; text-decoration: none; text-align: center; color: #fff; background: url(img/2010/tab_black.gif); }
#edito_tabs .tab a:hover { color: #333; background: url(img/2010/tab_yellow.gif); }
#edito_tabs .sel a, #edito_tabs .sel a:hover { color: #555; background: url(img/2010/tab_white.gif); }

/* PANELS */

#edito_panels .edito_panel { display: none; clear: both; width: 646px; height: 215px; overflow: hidden; }
#edito_panels .sel { display: block; }

#edito_panels .box_bas .middle { width: 648px; }


/****************************************************************
MEDIATHEQUE (mediaslider)
****************************************************************/

#mediaslider { background: url(img/2010/media_fd.png) no-repeat 0 0; width: 668px; height: 187px; overflow: hidden; }


/*ONGLETS*/

#mediasonglet { list-style: none; padding: 0 10px; height: 30px; }
#mediasonglet li { float: left; padding: 5px 15px 0 5px; height: 25px; }

#mediasonglet li a { display: block; color: #fff; text-decoration: none; text-align: center; font: bold 13px Arial, Verdana; line-height: 25px; height: 25px; width: 200px; background: url(img/2010/actu_off.png); }

#mediasonglet li a:hover { color: #333; background: url(img/2010/actu_on.png); }
#mediasonglet .ongletSel a, #mediasonglet .ongletSel a:hover { color: #333; background: url(img/2010/actu_on.png); }


/*SLIDER1*/

.slider { padding:  20px 0 0 20px; }

.slider ul { height: 120px; overflow: hidden; }

/* LTR 22/09/2009 -- correction bug PSI qui "tronque" les images en hauteur : la fonction height de jquery s'execute trop "vite" ? et retourne une hauteur incorrecte.
Il faut spécifier dans la CSS la hauteur, ou bien directement dans le style du div dans le tpl.*/

.slider li { width:  630px; height:120px; overflow: hidden; }	

.slider li a { float: left; width: 170px; height:120px; text-align: center; margin: 0 20px; }	
	
#galerie1, #galerie2 { position: relative; }


/*ARROWS*/

#prevBtn, #nextBtn,
#prevBtn2, #nextBtn2 { display: block; overflow: hidden; text-indent: -8000px; width: 18px; height: 40px; position: absolute; }	

#prevBtn, #prevBtn2 { left: 1px; top: 50px; }
#nextBtn, #nextBtn2 { right: 1px; top: 50px; }

#prevBtn a, #nextBtn a,
#prevBtn2 a, #nextBtn2 a { display: block; width: 18px; height: 40px; }

#prevBtn a, #prevBtn2 a  { background: url(img/2010/media_back.png); }
#nextBtn a, #nextBtn2 a  { background: url(img/2010/media_fwd.png); }

	

/****************************************************************
TEMOIGNAGES (profilslider)
****************************************************************/

#profilslider { float: left; margin: 10px 0 0 0; width: 378px; height: 190px; background: url(img/2010/temoignages_fd.png) no-repeat 0 0; }
#profilslider .box_haut h2 {  }
#profilslider .box_bas .middle { width: 358px; }


/* SLIDER */

#profilslider .contenu { position: relative; }

#slider3 { height: 160px; overflow: hidden; }
#slider3 ul { list-style: none; }
#slider3 li { float: left; overflow: hidden; width: 378px;  }


#profilslider .profil_centre { padding: 10px 30px; }
#profilslider h5 { color: #7e8500; font-size: 12px; }
#profilslider h6 { color: #7e8500; font-size: 12px; font-weight: normal; }


/*ARROWS*/

#prevBtn3, #nextBtn3 { display: block; overflow: hidden; text-indent: -8000px; width: 18px; height: 40px; position: absolute; }
#prevBtn3 { left: 1px; top: 50px; }
#nextBtn3 { right: 1px; top: 50px; }
#prevBtn3 a, #nextBtn3 a { display: block; width: 18px; height: 40px; }
#prevBtn3 a  { background: url(img/2010/media_back.png); }
#nextBtn3 a  { background: url(img/2010/media_fwd.png); }

/****************************************************************
RESEAUX SOCIAUX (communaute)
****************************************************************/

#communaute { float: right; width: 278px; height:190px; padding: 0 2px 0 0; background: url(img/2010/communaute_fd.png) left top no-repeat;margin-top:10px;}
#communaute .box_haut h2 { }
#communaute .box_middle { /*width: 258px; height: 126px; overflow: hidden;*/ }
#communaute .box_middle ul { list-style: none; margin: 0 auto; width: 210px; height: 70px; }
#communaute .box_middle ul li { float: left; }
#communaute .box_middle ul li a { display: block; width: 70px; height: 70px; }
#communaute .box_middle ul li a img { display: block; border: none; }
#communaute .box_middle p { padding: 10px 10px 0 10px; }
#communaute .box_middle p a { padding: 0 0 0 20px; background: url(img/2010/puce_verte.png) 0 2px no-repeat; }
#communaute .box_bas .middle { width: 260px; }

/****************************************************************
CARREPUB
****************************************************************/

#carrepub { margin: 10px 0; width: 300px; height: 250px; background: #d2d2d2; overflow:hidden }

/****************************************************************
NEWSLETTERHOME
****************************************************************/
#newsletterhome { background: url(img/2010/inscnews_fd.png) top right no-repeat;width:302px; height:99px; }
#newsletterhome .box_haut h2 { }
#newsletterhome .box_middle { padding: 10px 15px 0  15px; width: 270px; height: 119px; height: 46px;}
#newsletterhome .box_middle p { padding: 0 0 5px 0; color: #555; }
#newsletterhome .box_bas .middle { width: 282px; }


#newsletterhome .inputext_text,
#newsletterhome .inputexte_submit { float: left; }

#newsletterhome .inputext_text { padding: 3px 0 0 0; height: 22px;width:170px; border: none; background: url(img/2010/news_input.png) right top no-repeat; font: 14px Arial, Verdana; color: #bbb; }
#newsletterhome .inputext_submit { height: 24px; width: 24px; border: none; padding: 0 0 0 5px; }

#newsletterhome .inputext_submit:hover { border:none; }
/****************************************************************
RESEAUX REED (logosliens)
****************************************************************/

#reseaureed { float: right; width: 302px; background: url(img/2010/reseau_fd.png) left top no-repeat; margin:28px 0 0 0;}
#reseaureed h2 {  }
#reseaureed ul.box_middle { list-style: none; margin: 0 auto; padding: 10px 0 0 0; width: 292px; /*height: 59px; overflow: hidden; */}
#reseaureed ul li { float: left; zoom:1; }

#reseaureed ul li a { padding: 15px 4px 0 0; width: 100px; }
#reseaureed ul li a img { border: none;/*display: block;  margin: auto; */ }
#reseaureed .box_bas .middle { width: 282px; }

/****************************************************************
ACTUS (actuagenda)
****************************************************************/

#agenda { width: 302px; float: right; margin:0; background: url(img/2010/agenda_fd.png) left top no-repeat;height: 190px; }
#agenda h2 { }
#agenda ul { list-style: none; margin: 0 auto; padding: 0 10px; width: 280px; height: 136px; overflow: hidden; }
#agenda ul li { clear: both; padding: 10px 0; }
*+html #agenda ul li { clear: both; padding: 5px 0; }/*IE 7*/
*html #agenda ul li { clear: both; padding: 5px 0; }/*IE6*/
#agenda ul li .agenda_calendar { float: left; width: 33px; background: url(img/2010/agenda.png); text-align: center; text-transform: uppercase; }
#agenda ul li .agenda_calendar span { display: block; }
#agenda ul li .agenda_calendar .agenda_month { font: bold 11px Arial, Verdana; line-height: 16px; height: 16px;  width: 33px; color: #fff; }
#agenda ul li .agenda_calendar .agenda_day { font: bold 12px Arial, Verdana; line-height: 19px; height: 19px; width: 33px; color: #888; }
#agenda ul li p { float: left; padding: 0 5px; width: 237px; }
#agenda ul li p,
#agenda ul li p{ color: #000; font-weight: normal; }

#agenda .box_bas .middle { width: 282px; }

#agenda a{ color:#888888;text-decoration:none;font-size:12px}
#agenda a:hover{ text-decoration:underline}
/****************************************************************
BLOC CENTER
****************************************************************/

#bloc-center { margin: 10px ; width: 668px; float: left; display: inline;  }
#bloc-center a { color: #d1012c; text-decoration: underline; }
#bloc-center a:hover { color: #363636; }
#bloc-center ul{ list-style-position: inside;}
/***** CDF *****/

#cdf {font-size: 10px; margin-bottom: 15px; background: url(img/2010/cdf_fd.png) left top repeat-x;height:23px;margin:0 14px;line-height:23px;font-weight:bold; padding: 0 10px 0 15px;zoom:1;border:1px solid #e3e3e3;}

#cdf a { text-decoration: none; color:#333; }

/***** H1,H2,H3 *****/

h1 { font-size: 18px; color: #960050; margin-bottom: 15px; }
h2 { font-size: 15px; color: #960050; }
h3 { font-size: 12px; color: #960050; margin-bottom: 7px; }

.style1 h2, .style2 h2, .style3 h2, .style4 h2 { padding-left: 15px; font-size: 13px; }
.style1 h2 .corner, .style2 h2 .corner, .style3 h2 .corner, .style4 h2 .corner { display: block; padding: 7px 15px 7px 0; }

.style1 h2 { background: url(img/2010/titre_rose.png) no-repeat 0 0 #960050; color: #FFF; }
.style1 h2 .corner { background: url(img/2010/titre_rose.png) no-repeat 100% 0; }

.style2 h2 { background: url(img/2010/titre_gris.png) no-repeat 0 0 #ffffff; color: #686767; border-bottom:1px solid #d3d3d3;}
.style2 h2 .corner { background: url(img/2010/titre_gris.png) no-repeat 100% 0; }

.style3 h2 { background: url(img/2010/titre_vert.png) no-repeat 0 0 #c8d200; color: #FFF; }
.style3 h2 .corner { background: url(img/2010/titre_vert.png) no-repeat 100% 0; }

.style4 h2 { background: url(img/2010/titre_gris_fonce.png) no-repeat 0 0 #5b5b5d; color: #FFF;  }
.style4 h2 .corner { background: url(img/2010/titre_gris_fonce.png) no-repeat 100% 0; }

.style1 h3 { background: url(img/2010/puce_rose.png) no-repeat 0 1px; padding-left: 20px; color: #960050; }
.style2 h3 { background: url(img/2010/puce_blance.png) no-repeat 0 1px; padding-left: 20px; color: #686767; }
.style3 h3 { background: url(img/2010/puce_verte.png)  no-repeat 0 1px; padding-left: 20px; color: #a3ab00; }
.style4 h3 { background: url(img/2010/puce_grise.png) no-repeat 0 1px; padding-left: 20px; color: #5b5b5d; }


/***** BLOC *****/

.pwrap { margin-bottom: 10px; }

.pwrap .contenu { zoom:1; overflow: hidden; }

.style1 .contenu, .style2 .contenu, .style3 .contenu, .style4 .contenu { padding: 10px 15px 0 15px; }
.style1 .contenu { border-left: 1px solid #ffb0b6; border-right: 1px solid #ffb0b6; }
.style2 .contenu { border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; }
.style3 .contenu { border-left: 1px solid #d0d573; border-right: 1px solid #d0d573; }
.style4 .contenu { border-left: 1px solid #717071; border-right: 1px solid #717071; }

/***** CLOSER *****/

.style1 .closer { background: url(img/2010/closer_rose.png) no-repeat 0 0; padding-left: 20px; height: 30px; }
.style1 .closer div { background: url(img/2010/closer_rose.png) no-repeat 100% 0; height: 30px; }

.style2 .closer { background: url(img/2010/closer_gris.png) no-repeat 0 0; padding-left: 20px; height: 30px; }
.style2 .closer div { background: url(img/2010/closer_gris.png) no-repeat 100% 0; height: 30px; }

.style3 .closer { background: url(img/2010/closer_vert.png) no-repeat 0 0; padding-left: 20px; height: 30px; }
.style3 .closer div { background: url(img/2010/closer_vert.png) no-repeat 100% 0; height: 30px; }

.style4 .closer { background: url(img/2010/closer_gris_fonce.png) no-repeat 0 0; padding-left: 20px; height: 31px; }
.style4 .closer div { background: url(img/2010/closer_gris_fonce.png) no-repeat 100% 0; height: 31px; }


/***** OPENER *****/

.style1 .opener { background: url(img/2010/opener_rose.png) no-repeat 0 0; padding-left: 20px; height: 5px; overflow: hidden; }
.style1 .opener div { background: url(img/2010/opener_rose.png) no-repeat 100% 0; height: 5px; }

.style2 .opener { background: url(img/2010/opener_gris.png) no-repeat 0 0; padding-left: 20px; height: 5px;overflow: hidden; }
.style2 .opener div { background: url(img/2010/opener_gris.png) no-repeat 100% 0; height: 5px; }

.style3 .opener { background: url(img/2010/opener_vert.png) no-repeat 0 0; padding-left: 20px; height: 5px;overflow: hidden; }
.style3 .opener div { background: url(img/2010/opener_vert.png) no-repeat 100% 0; height: 5px; }

.style4 .opener { background: url(img/2010/opener_gris_fonce.png) no-repeat 0 0; padding-left: 20px; height: 5px; overflow: hidden;}
.style4 .opener div { background: url(img/2010/opener_gris_fonce.png) no-repeat 100% 0; height: 5px; }


/* GESTION DES COLONNES */

.w50 { float : left; clear : left; width : 49%; }
.w50-newline { float : right; clear : right; width : 49%; }
.w33-first { float : left; display : inline; width : 32%; }
.w33-2 { float : left; display : inline; width : 32%; margin-left : 2%;  }
 * html .w33-2 { margin : 0 0 0 1%; } /*Hack ie6*/
.w33-newline { float : right; display : inline; clear : right; width : 32%; }

/* DIVERS */

img.style1 { float: left; margin-right: 10px; }
img.style2 { float: right; margin-left: 10px; }


/****************************************************************
BLOC RIGHT
****************************************************************/

#bloc-right { width: 302px; float: right; margin: 10px 8px 0 0; display: inline; }

/****************************************************************
BOUTONS RAPIDES
****************************************************************/
#boutonrapide { margin: 10px 0; }
#boutonrapide ul { list-style: none; }
#boutonrapide ul li { height: 30px; background: url(img/2010/btn_rapide_fd.png) no-repeat left bottom; font-size: 16px; line-height: 28px; }

#boutonrapide ul li a { height: 30px; display: block; padding: 0 10px 0 40px; text-decoration: none; color: #FFF; font-weight: bold; 
background: url(img/btn_rapide_fd.png) no-repeat left bottom; }

#boutonrapide ul li a:hover { background: url(img/2010/btn_rapide_fd.png) no-repeat left top; color: #FFF; }
/****************************************************************
MENU interieur
****************************************************************/

#MenuInt { width:302px;margin: 0; background: url(img/2010/menuint_fd.png) left top no-repeat;  }
#MenuInt h2 { 
padding: 0 0 0 12px;
width:288px;
line-height:25px;
color:#FFF;
font-size:14px
}
#MenuInt ul, #MenuInt li { list-style:none; }
#MenuInt ul { padding:4px 10px 12px 10px;margin:0 }
*html #MenuInt ul { padding:0 10px 12px 10px; }

#MenuInt li {margin: 5px 0}
#MenuInt li a {
padding: 0 0 0 26px;
font-weight: normal;
display:block;
}
#MenuInt li a { 
color:#686767; 
background: url(img/2010/puce_menuint.png) 10px 5px no-repeat; 
padding: 0 0 0 20px;  }

#MenuInt li a:hover { text-decoration:none; }

#MenuInt li.menuTitre a {
width:280px;
line-height:20px;
display:block;
font-weight: bold;
color:#000;
background:none;
text-indent: 10px;
padding:5px 0 3px 0;
border-bottom:1px dashed #686767;
text-decoration:none;
}
#MenuInt li.menuTitre a:hover {}
#menuintCloser { background: url(img/2010/menuint_closer.png) left bottom no-repeat; width:302px; height:5px; font-size:1px; margin: 0 0 10px 0 }


/****************************************************************
paragraphe interieur
****************************************************************/

.ParaInt { width:302px;margin: 0; background: url(img/2010/menuint_fd.png) left top no-repeat; }

.ParaInt h2 { 
padding: 0 0 0 12px;
width:288px;
line-height:25px;
color:#FFF;
font-size:14px
}

.ParaInt h3 { 
padding: 0 0 0 18px;
background: url(img/2010/puce_rose.png) 0 top no-repeat;
color:#960050;
font-size:12px;
margin:10px 5px 0 5px;
}
.ParaInt p { padding: 8px 10px 5px 10px; color:#333 }
.ParaInt p a { text-align:right; color:#333;font-weight: 800 }
.ParaInt p a:hover { color:#e2007a }




/****************************************************************
PARTENAIRES
****************************************************************/

#partenaires { clear: both; margin: 0 auto 15px auto; height: 76px; width: 980px; overflow: hidden; background: url(img/2010/partenaires_fd.png) left top no-repeat; }
#partenaires .box_haut h2 { float: left; display: inline; padding: 0 5px; width: 130px; color: #FFF; text-align: center; }

#partenairesSlider { width: 839px; padding: 10px 0 0 0; height: 65px;overflow:hidden; }
*html #partenairesSlider { width: 830px; padding: 10px 0 0 0; height: 65px;overflow:hidden; }/*probleme sous ie6*/
#partenairesSlider ul {float: left; list-style: none; }
#partenairesSlider ul li { overflow: hidden; float: left; width:102px; height: 65px; text-align: center; }
#partenairesSlider ul li a {}
#partenairesSlider ul li img { border: 1px solid #ddd; }

/****************************************************************
PLAN SITE BAS
****************************************************************/

#plansitebas { clear: both; background: url(img/2010/plansitebas_fd.png) no-repeat center top; padding: 10px 0; zoom:1; }
#plansitebas td { border-left: 1px solid #b5b5b5; padding: 0 20px; font-size: 10px; }
#plansitebas td.first { border-left: none; }

#plansitebas a { text-decoration: none; color: #58585a;  }
#plansitebas a:hover { text-decoration: underline; }
#plansitebas .titre { text-transform: uppercase; font-size: 11px; }
#plansitebas .titre a { color: #000; }

/****************************************************************
FOOTER (lienrefooter)
****************************************************************/

#footer { clear: both; height: 40px; line-height: 40px; background: url(img/2010/footer_bg.png) no-repeat 0 0; padding: 0 10px; 
margin-top: 1px;}
#footer img { float: left; padding-top: 1px;}
#footer ul { text-align: right; list-style: none; }
#footer ul li { display: inline; padding: 10px 0; }
#footer ul li a { color: #111; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }












span.versailles { padding: 0 6px 0 0; background: url(img/2010/versailles.gif) right top no-repeat; }