@charset "utf-8";
/*----------------------------------------------------------------------------------------- 
RCSMobility, Colomb 5, CH-1860 Aigle
RCSI et RCST, 30 Bd Leclerc, F-31000 Toulouse
+33 534 25 33 75
http://www.reseaux-conseil.com
http://www.rcsmobility.com
----------------------------------------------------------------------------------------- */
 
/*
1- Global
2- Blocs
3- Navigation
4- Font styles
5- images
6- Sauts de ligne
7- flickr
/*



/*1- Global
----------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h4, h5, h6, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
/*body {line-height : 1.1;}*/
ol, ul { }
:focus {outline:0; }
ins {text-decoration:none; }
del {text-decoration:line-through; }
table {border-collapse:collapse; border-spacing:0;}
a {text-decoration:none;}
p {padding:0;margin-top:0; }
h1 a, p a {color:black; }
h1, h3, h4, #content_secondary h2 {font-family:Helvetica, Arial, sans-serif;}
 

/*2- Blocs
----------------------------------------------------------------------------------------- */
body {background:#ffffff; text-align:center; color:black; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif; font-size:0.78em; border-top: 8px solid #d3d3d3;}

#content {position:relative; width:960px; text-align:left; margin:0 auto; padding:0;}
#branding {width:960px; height:60px;margin:20px 0 0 0;}
#branding h1 {text-indent:-9999px; height:0;}
.logo {position:relative; width:250px; height:44px;  border:0;}

#content_media {float:left; width:240px;margin-top:40px; padding:0;}
#content_media a img {margin-top:5px;}
#content_media_bloc {float:left; margin-bottom:20px; width:100%; background-color:#bacb6f;}

#content_media_bloc1 ul { margin:0; padding:0; }
#content_media_bloc1 li { list-style:none; padding:0; margin:0; }

#content_media_bloc2 ul { margin:0; padding:0; }
#content_media_bloc2 li { list-style:none; background: url(/images/bullet_ariane.png) no-repeat 6px 3px; padding-left:22px; margin-top:3px; }

#content_media_bloc2, #content_media_bloc3 { margin-top:32px; }

#content_media_bloc3 img { border:1px solid #c0c0c0; }
#content_media_bloc3 h1 img { border:none; }

#content_news {float:left; margin-left:20px; margin-top:40px; width:520px; line-height:1.4em; font-size:13px; }
.news {float:left;margin-bottom:40px; padding:0;border-bottom:1px solid #bacb6f;}

#content_secondary {float:right; width:156px; margin-left:20px; margin-top:40px;}
#content_secondary p {margin:10px 0 9px 0; width:100%;border-bottom:1px solid #bacb6f;}
#content_secondary p.last {margin:10px 0 9px 0; border:none; font-weight:bold;}

#footer {clear:both;position:relative; width:100%; border-top:8px solid #d3d3d3; margin-top:40px;}


/*3- Navigation
----------------------------------------------------------------------------------------- */

   /*Navigation header*/
ul#nav_contact {position:relative; text-align:right; width:960px; margin:0; padding:0;}
ul#nav_contact li {display:inline;}
ul#nav_contact li a {padding:0 8px 2px 8px; text-decoration:none; color:#000;}
ul#nav_contact li a:hover {padding:8px 8px 2px 8px; background-color:#d1e76e;text-decoration:none;color:#000;}

   /*Navigation principale*/
#nav_main {position:relative; width:960px;font-family: Helvetica, Arial, sans-serif;background-color:transparent;height:60px;}
#nav_main li {}
#nav_main a {color:black;}

/*navigation secondaire ou sous-menu ---*/
#nav_secondary {list-style:none; width:100%;height:30px; background-color:#d1e76e;font-weight:bold; margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }
#nav_secondary li.active, #nav_secondary li.hidden a {float:left; text-transform:uppercase; font-size:12px; margin:1px auto; padding:9px 20px 5px 20px; text-align:center;}
#nav_secondary li a:hover, #nav_secondary  li a:focus, #nav_secondary  li a:active, #nav_secondary li.active {background-color:#bacb67; }

#nav_secondary ul {font-weight:bold; position:absolute; left:0; top:27px; margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
#nav_secondary ul li {display:inline; list-style: none;}
#nav_secondary ul li a {float:left; text-transform:none; font-size:12px; padding:10px 0 0 20px; margin:0;}
#nav_secondary ul li a:hover, #nav_secondary ul li a:focus, #nav_secondary ul li a:active, #nav_secondary ul li.cur a {color:#bacb67;background-color:transparent;}
#nav_secondary ul.hidden { display:none; }
#nav_secondary ul.active { display:block; }

#nav2_bg {text-align:center; width:100%;height:30px; background-color:#fff; border-bottom:#d1e76e solid 1px;}

/*4- Font styles
----------------------------------------------------------------------------------------- */
#content_news a {border-bottom:1px solid black; color:black;}
#content_news a:hover, #content_secondary p a:hover {background-color:#d1e76e; border-bottom:1px solid #d1e76e; color:black;}
.date {color:#999999; font-size:9px; font-variant:normal; font-weight:100; padding-left:10px; whitespace:nowrap; display:inline-block; }
#content_news h2 {font-size:1.2em; padding:0; margin:32px 0 8px 0;color:#272727;}
#content_news h2 a {text-decoration:none;  color:#272727;}
#content_news h2 a:hover {color:#bacb67; text-decoration:none;}
#content_news h1 {font-variant:small-caps; color:#ebc137; font-weight:bold; font-size:1.7em; margin-bottom:20px; }

#content_media h1 { font-variant:small-caps; background-color:#d3d3d3; padding:2px; font-stretch:expanded; font-size:1.1em; margin:0;}

#content_secondary h1 {font-variant:small-caps; background-color:#d3d3d3; padding:2px; font-stretch:expanded; font-size:1.1em; margin:0;}
#content_secondary h2 a {font-variant:small-caps; color:#272727; padding: 0 2px; font-size:1.1em;margin:0;}
#content_secondary h2 a:hover {font-variant:small-caps; color:#bacb67; padding:0 2px; font-size:1.1em;margin:0;}
#content_secondary p {font-size:0.9em; padding:0 2px;}

#footer a.back-top { overflow:hidden; display:block; text-indent:-9999px; width:79px; height:19px; position:absolute; left:auto; right:auto; margin-left:850px; margin-top:-24px;}
#footer p { color:#424242; font-size:0.8em; margin-top:3px;}
#footer p strong { color:#aeaeae }
#footer p a { color:#424242;}


/*5- images
----------------------------------------------------------------------------------------- */
img#upper-header {float:left; width:950px; height:2px;}
img#nav-bottom {float:left; width:950px; height:5px; margin-top:1px;}
img#img_news {border:0;}
img#content_news {border:0;float:left;padding:20px 20px 20px 0;}
#content_secondary img {vertical-align:bottom;}
h1 img {vertical-align:bottom;}

/*6- Sauts de ligne
----------------------------------------------------------------------------------------- */
.quadrupleligne {margin-top:4em;}
.doubleligne {margin-top:2em;}


/*7- flickr
----------------------------------------------------------------------------------------- */
#flickr {float:right; width:200px; text-align:right; padding-right:2px;}
#flickr a img {float:right; margin:0 0 8px 8px; background:#000; padding:2px; width:80px; height:80px;}
#flickr p a {clear:both; text-align:right; color:#999999; text-decoration:none;}

/* HR a ranger
----------------------------------------------------------------------------------------- */
.ariane { font-size:0.9em; margin: 0 0 3px 1px; color:#808080; padding:0; }
.ariane a { border-bottom:none !important; color:#808080 !important; }
.ariane li { list-style:none; display:inline;  background: url(/images/bullet_ariane.png) no-repeat 0 3px; padding-left:8px; padding-right:15px; font-size:11px;}

a.noborder { border:0 !important; }


dl{
padding: 0;
font-family: georgia, times, serif;
}

dt
{
position: relative;
left: 0;
top: 1.1em;
width: 9em;
font-weight: bold;
}

dd
{
border-left: 1px solid #000;
margin: 0 0 0 9.5em;
padding: 0 0 .5em .5em;
}


table.table { border:1px solid black; margin:2px 0; }
table.table td, table.table th { border-left:1px solid black; padding:2px 4px; }
table.table .r0 { background-color:#e0e0e0; }
table.table .r1 { background-color:white; }