@charset "utf-8";
body {
background:#fef8d5;
margin:0;
}
#main {
width:960px;
margin:10px auto;
background:url(images/bg_fleche.gif) top left no-repeat;
min-height:350px;
}
.logo img {
border:none;
}
.top {
float:left;
width:960px;
}
#left {
float:left;
width:330px;
}
#right {
float:right;
width:630px;
margin-top:18px;
}
.image {
float:left;
width:330px;
height:260px;
margin:0;
border-top:1px solid #cf0000;
text-align:right;
}
.typo {
margin:217px 0 0 0;
}
.base_img {
float:right;
width:260px;
background:black url(images/corner_left.gif) left bottom no-repeat;
padding:2px 10px 4px 0;
text-align:right;
}
.base_img a {
font:10px Verdana, Arial, Helvetica, sans-serif;
color:white;
text-decoration:none;
margin:0 0 0 10px;
background:url(images/fleche.gif) left no-repeat;
padding-left:18px;
}
.base_img a:hover {
color:white;
background:url(images/fleche_noir.gif) left no-repeat;
}
.base_img img {
border:none;
margin:4px 3px 0 0;
}
.rappel {
float:right;
width:260px;
font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#666;
margin:16px 0 0 0;
}
.form {
float:right;
border:1px solid #cf0000;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:black;
background:#eee;
padding:3px 0 0 6px;
width:216px;
height:15px;
margin-top:2px;
}
.ok {
float:right;
background:#666;
font:bold 12px Arial, Helvetica, sans-serif;
color:white;
padding:1px 2px;
border-top:none;
border-right:1px solid black;
border-bottom:1px solid black;
border-left:none;
margin:2px 0 0 6px;
}
.rappel form {
margin:0;
border:none;
padding:0;
}
.references {
float:right;
width:200px;
margin:0 136px 70px 0 !important; margin:0 68px 70px 0;
}
.references img {
border:none;
}
.references h1 {
font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#CF0000;
margin:0 0 3px 0;
border-bottom:1px dotted #ccc;
padding-bottom:3px;
}
.references h2 {
font:bold 12px Arial, Helvetica, sans-serif;
color:black;
margin:4px 0 0 0;
letter-spacing:1px;
}
.references a {
text-decoration:none;
color:black;
background:url(images/fleche_refs.gif) left no-repeat;
padding-left:19px;
display:block;
width:auto;
}
.references a:hover {
color:#CF0000;
background:url(images/fleche.gif) left no-repeat;
}
.menus {
float:right;
width:620px;
border-top:1px solid #CF0000;
border-bottom:1px solid #CF0000;
padding:4px 0 4px 10px;
background:#999 url(images/bg_menu.gif) right repeat-y;
}
.menu a {
float:left;
background:#ddd url(images/menu_off.gif) left repeat-y;
padding:2px 4px 4px 4px;
font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:black;
letter-spacing:2px;
margin:0 0 0 10px;
text-decoration:none;
border-top:1px solid white;
border-right:1px solid black;
border-bottom:1px solid black;
border-left:1px solid white;
}
.menu a:hover, .menu a.on {
background:#ccc url(images/menu_on.gif) left repeat-y;
padding:3px 3px 3px 5px;
border-top:1px solid black;
border-right:1px solid white;
border-bottom:1px solid white;
border-left:1px solid black;
}
.une {
float:right;
width:610px;
padding:30px 0 80px 0;
border-right:1px solid #CF0000;
font:12px Arial, Helvetica, sans-serif;
color:black;
}
.une_int {
float:right;
width:600px;
padding:30px 10px 30px 0;
border-right:1px solid #CF0000;
font:12px Arial, Helvetica, sans-serif;
color:black;
}
.une a, .une_int a {
color:#CF0000;
text-decoration:underline;
}
.une a:hover, .une_int a:hover {
color:#CF0000;
text-decoration:none;
}
.une h1, .une_int h1 {
font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#CF0000;
font-variant:small-caps;
margin:0 0 4px 0;
}
.une h3 {
font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:black;
margin:0 10px 0 0;
}
.une_int h3 {
font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:black;
margin:0 10px 0 0;
clear:both;
text-align:center;
}
.ariane {
font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#666;
}
.ariane a {
color:#666;
text-decoration:none;
}
.ariane a:hover {
color:#CF0000;
}
.commander {
float:right;
font:bold italic 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:white;
background:#CF0000 url(images/corner_left.gif) bottom left no-repeat;
padding:4px 10px 4px 12px;
border-right:1px solid #CF0000;
margin:0 0 10px 10px;
}
.commander img {
margin:0 0 0 6px;
border:none;
}
.commander a, .commander a:hover {
color:white;
text-decoration:none;
}
.left_menu {
float:right;
width:119px;
border-left:1px dotted #666;
padding:16px 0 17px 0;
margin-top:20px;
}
.left_menu h3 {
font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#666;
margin:0 0 10px 0;
border-bottom:1px dotted #666;
padding-bottom:2px;
}
.left_menu h3 a {
color:#666;
text-decoration:none;
background:url(images/fleche_refs.gif) left no-repeat;
padding-left:19px;
display:block;
width:auto;
}
.left_menu h3 a:hover {
color:black;
background:url(images/fleche.gif) left no-repeat;
}
.left_menu img {
margin:0 6px;
border:none;
}
.spip_documents_left {
margin:0 6px 0 0;
border:none;
}

#footer {
float:right;
width:610px;
border-top:1px dotted #CF0000;
font:bold 10px Arial, Helvetica, sans-serif;
color:#666;
letter-spacing:1px;
padding-top:6px;
}
#footer a {
color:#666;
text-decoration:none;
margin:0 4px 0 0;
padding-bottom:2px;
border-bottom:1px dotted #999;
}
#footer a:hover {
color:black;
border-bottom:none;
}
.formBis {
border:1px solid #cf0000;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:black;
background:#eee;
padding:3px 0 0 6px;
margin-top:2px;
}