/*
ECA045	*orange bg cadre
5F7CA4	*bleu bg cadre
344762	bleu noir bordure cadre bleu
FFEDA4	jaune typo cadre
FFA133	orange typo lien cadre
5D79A4	bleu bg #menu
3977C4	bleu bg #menu active
3B5272	bleu bg #footer
*/
* {
margin:0;
padding:0;
border:0;
}
body{
font:76%/120% Arial,Helvetica,Verdana,sans-serif;
text-align:center;
background:#E3E6EA;
color:#3B5272;
}
a{text-decoration:none;color:#3977C4;}
a:hover,a:focus{color:#ECA045;}
a img{border:0;}
ul{list-style:none;}

#container{
position:relative;
margin:0 auto;
width:860px;
text-align:left;
background:#fff url(/images/bg.gif) 212px 0 repeat-y;
}
#header{
width:860px;
height:384px;
}
#header #slideshow{
float:right;
}
#header img.bg{
float:right;
}
#header #nav-left{
position:absolute;
width:212px;
height:384px;
overflow:auto;
background:url(/images/bg-header.png) 0 0 repeat-y;
}

#menu{
width:160px;
margin:40px auto 0;
}
#menu li{
font-size:0.86em;
text-transform:uppercase;
border:1px solid #fff;
padding:1px;
margin:0 0 8px;
}
#menu li a{
display:block;
padding:1px 6px;
background:#5D79A4;
color:#fff;
}
#menu li a:hover,#menu li a:focus{
background:#fff;
color:#3977C4;
}
#menu li a.active{
background:#3977C4;
color:#fff;
}
#lang{
width:160px;
margin:0 auto;
text-align:right;
cursor:default;
}
#suphead{
position:absolute;
top:334px;
left:0;
width:860px;
height:50px;
background:url(/images/bg-end-header.png) 100% 100% no-repeat;
}

#main{
}
#right{
float:right;
width:550px;
padding:0 30px 40px 0;
}
#left{
float:left;
width:240px;
padding:0 15px 40px 25px;
}

#footer{
background:#3B5272;
padding:2px 10px;
font-size:0.8em;
color:#fff;
word-spacing:0.1em;
}
#footer a,#footer a:hover,#footer a:focus{
color:#fff;
}

/*****************************************************/
.clear{clear:both;height:0;line-height:0;}
.invisible{display:none;}
.underline{text-decoration:underline;}
.ok{color:#0a0;font-weight:bold;font-size:1.2em;}
.error{color:#a00;font-weight:bold;font-size:1.2em;}
.visible{color:#3977C4;}
.bigger{font-size:1.2em;}
#right p.small{line-height:120%;font-size:0.9em;color:#999;}

/*****************************************************/
#right h2,#right h3,#right p,#right ul,#right table{
padding-left:16px;
padding-right:140px;
}
#right h1{
font-weight:bold;
font-size:1.5em;
margin:1em 0 0;
background:url(/images/titre-haut.gif) left top no-repeat;
color:#5D79A4;
}
#right h1 span{
padding:7px 16px 9px;
display:block;
background:url(/images/titre-bas.gif) left bottom no-repeat;
}
#right h2{
font-weight:bold;
font-size:1.3em;
margin:1em 0 0;
/*color:#5D79A4;*/
}
#right p,#right ul,#right table{
margin:0.4em 0 1em;
}
#right p,#right ul li{
line-height:180%;
}
#right .hp{clear:both;text-align:right;font:italic 0.9em Verdana,Arial,Helvetica,sans-serif;padding:20px 6px 0 6px;}
#right .hp a{border:0;padding:2px 4px;}
#right .hp a:hover,#right .hp a:focus{border:0;background:#5F7CA4;color:#fff;}
#right a{border-bottom:1px solid #3977C4;}
#right a:hover,#right a:focus{border-bottom:1px solid #ECA045;}
/*
#right a[hreflang]:after{content:"\0000a0[" attr(hreflang) "]";}
#right a[href^="http://"]{background:url(/images/out.gif) 100% 70% no-repeat;padding-right:12px;}
#right a[href^="http://"]:hover,#right a[href^="http://"]:focus{background-image:url(/images/out2.gif) ;}
*/
#right ul li{
margin:0 0 0 2em;
list-style-image:url(/images/puce.gif);
}
#right acronym{border-bottom:1px dotted #3B5272;cursor:help;}
#right kbd{font:0.9em Georgia,"Courier New","Times New Roman",serif;color:#5D79A4;border:1px solid #c4c4c4;border-width:0 1px 1px 0;background:#f8f8f8;padding:0 2px;}

#right .img-deco{
float:right;
clear:right;
margin:10px 0 2px 10px;
}
#right .img-deco a,#right .img-deco a:hover,#right .img-deco a:focus{border:0;}
/******************************************************/
#left h2{
float:left;
margin:0 0 0 16px;
font-size:1.2em;
background:url(/images/titre-box-g.gif) 0 0 no-repeat;
color:#999;
}
#left h2 span{
display:block;
padding:6px 20px 0;
background:url(/images/titre-box-d.gif) 100% 0 no-repeat;
}
#left h2 a{color:#999;}
#left h2 a:hover,#left h2 a:focus{color:#666;}
#left h3{
font-size:1em;
margin:0 0 1em;
}



#left div.box-bleu{
background:#5F7CA4 url(/images/degrade-bleu.gif) left bottom repeat-x;
}
#left div.box-orange{
background:#ECA045 url(/images/degrade-orange.gif) left bottom repeat-x;
}
#left .box{
width:240px;
background:url(/images/box-haut.gif) left top no-repeat;
}
#left .inbox{
padding:16px 22px 10px 16px;
font-size:0.9em;
color:#FFEDA4;
}
#left .inbox a{color:#FFA133;}
#left .inbox a:hover,#left .inbox a:focus{color:#fb0;}

/* lire la suite */
#left div.box-orange a.img-lire-suite,#left div.box-orange a.img-read-more{display:block;background:url(/images/lire-la-suite+.gif) 100% 100% no-repeat;padding:0 0 30px;color:#FFEDA4;}
#left div.box-orange a:hover.img-lire-suite,#left div.box-orange a:focus.img-lire-suite{background:url(/images/lire-la-suite++.gif) 100% 100% no-repeat;color:#ff6;border:0;}
#left div.box-orange a.img-read-more{background:url(/images/read-more+.gif) 100% 100% no-repeat;}
#left div.box-orange a:hover.img-read-more,#left div.box-orange a:focus.img-read-more{background:url(/images/read-more++.gif) 100% 100% no-repeat;color:#ff6;border:0;}
/* archives */
#left div.box-bleu a.puce-liste{
display:block;
background:url(/images/puce-bleu.gif) 96% 50% no-repeat;
padding:6px 20px 6px 4px;
border-bottom:1px solid #344762;
color:#FFEDA4;
}
#left div.box-bleu a:hover.puce-liste,#left div.box-bleu a:focus.puce-liste{color:#fb0;background:#6C86AC url(/images/puce-bleu.gif) 96% 50% no-repeat;}
/* promotions */
#left div.box-orange a.puce-liste{
display:block;
background:url(/images/puce-orange.gif) 96% 50% no-repeat;
padding:6px 20px 6px 4px;
border-bottom:1px solid #A04F11;
color:#FFEDA4;
}
#left div.box-orange a:hover.puce-liste,#left div.box-orange a:focus.puce-liste{color:#A04F11;background:#ECA045 url(/images/puce-orange.gif) 96% 50% no-repeat;}
/* download .pdf */
#left .inbox a.stylized{color:#fff;display:block;}
#left .inbox a:hover.stylized,#left .inbox a:focus.stylized{color:#E3E6EA;border:0;}
#left .inbox a.img_stylized img{background:#fff;margin:0 1px -2px 0;}
#left .inbox a:hover.img_stylized img,#left .inbox a:focus.img_stylized img{background:transparent;}

#left .box-bas{
margin:0 0 6px;
width:240px;
height:14px;
background:url(/images/box-bas.gif) left bottom no-repeat;
}



/* forms */
#right form{
padding:20px 16px 0;
}
#right form p{padding:0;}
#right label{
display:block;
width:200px;
float:left;
border-bottom:1px dotted #5D79A4/*3B5272*/;
}
#right input, #right textarea{
font:1.2em Arial,Helvetica,Verdana,sans-serif;
color:#3B5272;
margin:0 0 10px;
padding:2px 0;
border:1px solid #5D79A4;
width:314px;
}
#right label.focus{border-bottom:1px dotted #a00;color:#a00;}
#right input.focus, #right textarea.focus{border:1px solid #a00;}
#right input.x{border:0;width:auto;}
#right input.submit{
display:block;
font-weight:bold;
font-size:1.2em;
width:6em;
margin:0 0 10px 200px;
color:#fff;
background:#5D79A4;
}