html, body, body div, span, object, iframe,  blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 99%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

body{background-image: url("img/gris_396.jpg");}

html {
font-size:13px;
line-height: 17px !important;
}
a {
    color: inherit;
    text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 6, 2013 */





@font-face {
    font-family: 'jacobadbbold';
    src: url('font/jacb_-webfont.eot');
    src: url('font/jacb_-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/jacb_-webfont.woff') format('woff'),
         url('font/jacb_-webfont.ttf') format('truetype'),
         url('font/jacb_-webfont.svg#jacobadbbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

  /*  font-family: 'frutiger_linotyperegular';  
	font-family: 'frutiger_linotypebold';*/


#wrapper {
    background-color: #FFFFFF;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-top: 30px;
	margin-bottom: 30px;
    
    overflow: hidden;
    padding: 0;
}



#header{ 
width: 960px;
padding: 30px 0px 20px 0px;
margin:0 auto;}

.custom{width:960px;margin:0 auto;}
.custom #slider-sub-header{margin-bottom: 40px !important;font-family:'frutiger_linotyperegular' !important;}
#container{width:960px;margin:0 auto;}

.loupe{width:80px;}
.logo_annie{font-family: 'frutiger_linotypebold';font-size:2em;color:#f08326;margin-left:-10px;}
.logo_graph{font-family: 'frutiger_linotyperegular'; font-size:1.5em;color:#424242;margin-left:-1px;}
.accroche1{font-family: 'frutiger_linotyperegular'; font-size:1.5em;color:#424242;}
.accroche2{}

h2 a:hover{text-decoration:underline;}



/*#header{ background-color: #881127;width:100%;}

#header .inside{max-width:1250px;position:relative;margin:0 auto;}



#header .logotop{ position: absolute;top:10px; left:6.5%;}
#header .logotop figure{margin:0; padding:0;}

*/



@media screen and (max-width: 860px) {


}




/***************************************************************************************
navigation


*****************************************************************************************/

.line {
    background-image: url("img/line.png");
    background-repeat: repeat-x;
    clear: both;
    display: block;
    float: none;
    height: 53px;
    position: relative;
}


.mod_navigation {
	width:940px;
    background-color: #E1E1E1;
    clear: both;
    display: block;
    float: none;
    margin: 0 10px 20px;
    min-height: 45px;
    overflow: visible;
    padding: 0;
    position: relative;
}
.mod_navigation .invisible {
    display: none;
}
.mod_navigation a.mobile_handle {
    display: none;
}
.mod_navigation ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.mod_navigation ul li {
    display: inline;
    float: left;
    position: relative;
}
.mod_navigation ul li.first {
    border-left: 0 none;
}
.mod_navigation ul li.last {
    border-right: 0 none;
}
.mod_navigation ul a, .mod_navigation ul a:link, .mod_navigation ul a:visited, .mod_navigation ul span.active {
    color: #4F4F4F;
    display: block;
    float: left;
    font-size: 15px;
    margin: 0;
    padding: 14px 18px;
    text-decoration: none;
}
.mod_navigation ul ul {
    display: none;
    left: 0;
    padding: 0;
    position: absolute;
    top: 50px;
    width: 180px;
    z-index: 9999;
}
.mod_navigation ul ul li {
    border: medium none;
    clear: both;
    display: block;
    float: none;
}
.mod_navigation ul ul a, .mod_navigation ul ul a:link, .mod_navigation ul ul a:visited, .mod_navigation ul ul span.active {
    background-color: #CFCFCF;
    border: 0 none;
    display: block;
    float: none;
    margin: 0;
    padding: 8px 5px 8px 15px;
}
.mod_navigation ul ul a:hover, .mod_navigation ul ul a:active, .mod_navigation ul ul li span.active {
}
.mod_navigation ul ul ul {
    left: 181px;
    top: 0;
}



#container p{ line-height:15px;color: 6e6e6e; margin-bottom:10px; margin-top:2px; width:100%;}




.mod_navigation ul a:hover, .mod_navigation ul a:active, .mod_navigation ul a.trail, .mod_navigation ul span.active, .mod_navigation ul ul a:hover, .mod_navigation ul ul a:active, .mod_navigation ul ul li span.active {
    background-color: #f08326;
    color: #FFFFFF;
}



 
 
.bordered h1, .bordered h2, .bordered h3, h1.bordered, h2.bordered, h3.bordered {
    border-bottom: 1px solid #E1E1E1;
    border-left: 3px solid #f08326;
}

.bordered h1, .bordered h2, .bordered h3, h1.bordered, h2.bordered, h3.bordered {
    color: #666666;
    font-size: 25px;
    max-width: 920px !important;
    padding: 5px 0px 12px 15px !important;
	
}

footer {
    background-color: #303030;
    clear: both;
    color: #BABABA;
    float: none;
    line-height: 22px;
    padding: 20px 23px 25px 30px;
	
	
}


#footer h1,#footer h2,#footer h3{color:#e7e7e7;font-weight:normal !important;}

#footer .bordered h1, #footer .bordered h2, #footer .bordered h3, #footer h1.bordered, #footer h2.bordered, #footer h3.bordered {
    border-bottom: 1px solid #404040;
    border-left: 3px solid #f08326;
}


#footer .bordered h1, #footer .bordered h2, #footer .bordered h3, #footer h1.bordered, #footer h2.bordered, #footer h3.bordered {
    font-size: 20px;
    max-width: 940px;
    padding: 1px 0px 9px 15px;
}

#footer span.orange{ font-size:1.2em;color:#f08326;}