/* debut generalites */
html { font-size: 100%; }
body { margin: 0; color: #000000; background: #008fc6; font: 1em/1.2 Arial, Helvetica, sans-serif; overflow-x : hidden; /* FF & twitter-timeline */ }
a { /*font-size:0.9em;*/
color: #5f6c70; text-decoration: none; }
a:link, a:visited { /*font-size:0.9em;*/
color: #5f6c70; text-decoration: none; }
a:hover, a:focus, a:active { color: #5f6c70; text-decoration: underline; }
a:active { outline: none; }
a img { border: none; }
em { font-style: italic; }
strong { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { margin: 1em 0 .5em 0; line-height: 1.2; font-style: normal; }
h1 { font-size: 1.75em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }
ul, ol { margin: .75em 0 .75em 32px; padding: 0; list-style: none; }
p { margin: .75em 0; }
address { margin: .75em 0; font-style: normal; }
form, fieldset { margin: 0; padding: 0; border: none; }
input, button, select { vertical-align: middle; }
textarea { font-size: 0.9em; font-family: Verdana, Geneva, sans-serif; }
.normal { font-weight: normal; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.justify { text-align: justify; }
.main { cursor: pointer; }
.ligne-gris { float: left; width: 100%; color: #999; background: #999; height: 1px; border-style: none; margin: 5px 0px; }
.clean, .clear { clear: both; }
.clearblock { height: 0; clear: both; overflow: hidden; font-size: 0; line-height: 0; }
.inputdeco { float: left; border: solid 1px #FFF; padding: 1px; background: #FFF; }
.maj { text-transform: uppercase; }
/* fin generalites */

/* debut boutons */
a.bout:link, a.bout:visited, .etat, a.imprim:link, a.imprim:visited { float: left; color: #FFF; min-width: 120px; padding: 6px 10px 6px; font-size: 0.7em; text-align: center; text-decoration: none; text-transform: uppercase; }
a.imprim:link, a.imprim:visited { min-width: 100px; font-size: 0.8em; }
.etat { min-width: 20px; color: #666 }
.bggris { background: #626262; }
.bggrisclair, .etat { background: #e2e2e2; }
.bggrisfonce { background: #333333; }
a.bout:hover, a.imprim:hover { background: #444444; }
/* fin boutons */

/* debut couleurs */
.noir { color: #000000; }
a.noir:link, a.noir:visited { color: #000000; text-decoration: none; }
a.noir:hover { text-decoration: underline; }
.blanc { color: #ffffff; }
.rouge { color: #F00; }
.bleuclair { color: #5ec5ed; }
.bleu { color: #008fc6; }
a.bleu:link, a.bleu:visited { color: #008fc6; text-decoration: none; }
a.bleu:hover { text-decoration: underline; }
.bleuroi { color: #3276b6; }
.bleufonce { color: #00517a; }
.gris { color: #5f6c70; }
a.gris, a.gris:visited { color: #5f6c70; }
.grisclair { color: #b8b8b9; }
.grisfonce { color: #808C9b; }
.vert { color: #9ebd01; }
.olive { color: #97be0d; }
a.olive:link, a.olive:visited { color: #97be0d; text-decoration: none; }
a.olive:hover { text-decoration: underline; }
/* fin couleur */

/* debut texte */
.texte080 { font-size: 0.80em; line-height: 1.1em; }
.texte085 { font-size: 0.85em; line-height: 1.1em; }
.texte090 { font-size: 0.9em; line-height: 1.1em; }
.texte095 { font-size: 0.95em; line-height: 1.1em; }
.texte120 { font-size: 1.2em; line-height: 1.3em; }
.texte135 { font-size: 1.35em; line-height: 1.3em; }
.texte160 { font-size: 1.6em; line-height: 1.3em; }
.texte180 { font-size: 1.8em; line-height: 1.4em; }
.texte075 { font-size: 0.75em; line-height: 1.1em; }
.texte070 { font-size: 0.70em; line-height: 1.1em; }
.texte060 { font-size: 0.60em; line-height: 1.1em; }
.texte100 { font-size: 1em; line-height: 1.1em; }
.texte110 { font-size: 1.1em; line-height: 1.1em; }
.surligne { background: #EEE; }
.error { display: block; margin: 0; color: #F34B43; font-size: 0.8em; }
.trtok { display: block; margin: 0; color: #FFFFFF; font-size: 0.9em; background: #0C6; padding: 3px 6px; }
.trterror { display: block; margin: 0; color: #FFFFFF; font-size: 0.9em; background: #F00; padding: 3px 6px; }
input[type=text].bgerror, input[type=password].bgerror, input[type=file].bgerror, textarea.bgerror, select.bgerror { background-color: #F99; border: 1px solid #FF0000; }
input[type=text].nobgerror, input[type=password].nobgerror, input[type=file].nobgerror, textarea.nobgerror, select.nobgerror { border: 1px solid #f2372f; }
/* fin texte */

/* début fenêtre infos */
#attenteBloc { position: fixed; z-index: 1000; top: 0px; left: 0px; height: 100%; width: 100%; }
.attenteBlocMacFFBGHack { background: url(/css/images/macFFBgHack.png) repeat; }
.attenteBloc { background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
#attenteCont { position: fixed; background: #ffffff; z-index: 1002; color: #000; /*display:none;*/
border: 5px solid #dce800; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: left; top: 35%; left: 40%; }
#attenteMessage { clear: both; padding: 2px 15px 15px; overflow: auto; text-align: center; line-height: 1.4em; height: 120px; width: 380px; }
.attenteMessage { font-size: 0.8em; }
a.attenteUrl, a.attenteUrl:link { font-size: 0.9em; color: #666; text-decoration: none; }
a.attenteUrl:hover { text-decoration: underline; }
/* fin fenêtre infos */

/* site */
#globalEntete, #globalContenu, #globalPied { float: left; width: 100%; }
#globalEntete { background: #008fc6; }
#globalContenu { background: #ffffff; }
#globalPied { background: #008fc6; }
.conteneur { margin: 0 auto; width: 990px; text-align: left; }
#contenu { float: left; width: 990px; min-height: 350px; background: #FFF; }
#blocattente { width: 520px; margin-left: 235px; margin-top: 50px; margin-bottom: 100px; }
input.boutattente { background: #bdcb2a; color: #FFF; border: 1px dotted #FFF; padding: 2px 3px; cursor: pointer; }
#noactu { margin-top: 150px; width: 990px; text-align: center; }
/* >> entete << */
#entete { float: left; background: #008fc6; height: 165px; width: 990px; margin: 0; }
#entetelogo { float: left; width: 300px; height: 150px; margin: 0px 0 0 0px; z-index: 200;/*background: #09C;*/ }
#motcle { display: block; position: absolute; background: transparent; text-align: right; width: 165px; margin-top: 80px; margin-left: -2px; font-size: 0.75em; color: #c0ef48; line-height: 1.3em; letter-spacing: -0.03em; }
#entetemenu { float: left; width: 435px; height: 185px; }
#entetedeco { float: right; width: 365px; height: 185px; background: #FFF url(../images/deco-entete-haut-droit.png) no-repeat right top; margin: 0px 30px 0px 0px; }
#blocentetedeco { float: right; width: 305px; }
#enteteutils { float: left; background: #008fc6; width: 690px; margin: 0px 0px 0px; }
#enteteutils .award { background: #008fc6 url(/images/fond_award_entete.png) no-repeat right; height: 30px; width: 203px; float: right; padding-top: 7px; }
.award a:link, .award a:visited { font-size: 1em; color: #FFF; text-decoration: none; margin: 0px 0px 0px 38px; }
#enteteutils .contactpresse { height: 28px; width: 222px; /*float:left;*/
background: #00517a url(/images/fond_ctpress_entete.png) no-repeat left; padding-top: 9px; margin-left: 15px; }
.contactpresse a:link, .contactpresse a:visited { font-size: 0.8em; color: #FFF; text-decoration: none; margin: 0px 0px 0px 32px; }
#enteteutils .nav-top { float: left; height: 37px; width: 410px; margin-left: 15px; margin-top: -28px; text-align: right; color: #FFF; }
.nav-top a:link, .nav-top a:visited { font-size: 11px; color: #FFF; text-decoration: none; }
#enteteslogan { float: left; height: 41px; width: 640px; margin: 20px 0px 0 46px; }
#enteteslogan .motcles { color: #FFF; font-size: 0.75em; letter-spacing: 0.11em; }
#enteteslogan .accroche { color: #FFF; font-size: 1.05em; letter-spacing: 0.193em; }
/* -- entete -- */
/* >> debut menu << */
#menu { float: right; /*background:#0F6;*/
height: 30px; width: 685px; margin-top: -14px; }
#menu ul li { display: inline; float: left; }
#menu li { border-right: 1px dotted #9ac3d6; margin: -5px 0px 0px; padding: 0px 5px; }
#menu li.uk { padding: 0px 15px; letter-spacing: 1px }
#menu li a:link, #menu li a:visited { font-size: 0.8em; color: #FFF; }
#menu li.menu-dernier { border: 0px none; margin: -5px 0px 0px; padding: 0px 0px 0px 5px; }
/* -- fin menu -- */
#suivisocial { float: right; width: 350px; /*background:#36F;*/
text-align: right; margin: 7px 0px 0px; }
#suivisocial img { vertical-align: middle; }
/* >> debut bandeau << */
#homeBandeau { float: left; width: 550px; height: 220px; }
/* -- fin bandeau -- */
/* >> debut pub << */
#pub { float: right; display: block; width: 330px; height: 275px; margin-bottom: 7px; }
/* -- fin pub -- */

/* >> debut actu << */
#blocHomeActu { float: left; width: 990px; }
#blocMenuActu { float: left; width: 990px; padding: 5px 0px 8px; border-bottom: 1px dotted #666; margin-bottom: 5px; background: #fff; }
#blocMenuActu ul { display: inline; list-style: none; }
#blocMenuActu ul li { float: left; margin-right: 3px; }
#blocMenuActu ul li a:link, #blocMenuActu ul li a:visited { color: #FFF; background: #00517a; text-decoration: none; padding: 3px 6px; font-size: 0.8em; }
#blocMenuActu ul li a:hover { color: #FFFFFF; background: #008fc6; }
#blocMenuActu ul li a.active { color: #FFFFFF; background: #008fc6; font-weight: bold; }
#homeActu { float: left; width: 640px; /*height: 305px;*/
height: 280px; }
#homeActuTitre { position: absolute; margin-top: 238px; background: transparent url(../images/fond_titre_une_actu.png) repeat; width: 620px; text-align: left; padding: 10px; }
#homeActuAlaune { position: absolute; background: url(../images/picto-alaune.png) no-repeat; width: 100px; height: 100px; margin-top: 10px; margin-left: 530px; }
#blocHomeActuCol { float: left; width: 990px; }
#blocHomeActuColG { float: left; width: 640px; }
#blocHomeActuColTwit { float: right; width: 330px;/*height: 420px;*/ }
#blocLigneActu { float: left; width: 990px; }
#blocLigneTitre { float: left; width: 985px; height: 21px; background: #00517a; padding: 4px 0px 0px 5px; margin-bottom: 10px; }
.socialune, .social { float: left; width: 310px; padding: 5px 0px; }
a.boutshare, a.boutshare:link, a.boutshare:visited { color: #00517a }
a.boutsharefb, a.boutsharefb:link, a.boutsharefb:visited { color: #3c599b }
a.boutsharetw, a.boutsharetw:link, a.boutsharetw:visited { color: #1ab2e8 }
a.boutsharelk, a.boutsharelk:link, a.boutsharelk:visited { color: #0077b5 }
a.boutsharego, a.boutsharego:link, a.boutsharego:visited { color: #dd4c39 }
a.boutsharevd, a.boutsharevd:link, a.boutsharevd:visited { color: #f49a1f }
a.boutshare:hover, a.boutsharefb:hover, a.boutsharetw:hover, a.boutsharego:hover, a.boutsharelk:hover, a.boutsharevd:hover { color: #008fc6; }
.placeshare { float: left; margin-right: 5px; color: #666 }
.viadeo { float: left; background: url(../images/viadeo-logo-off.png) no-repeat; height: 19px; width: 20px; margin-top: -1px }
.viadeocoul { float: left; background: url(../images/viadeo-logo-coul-off.png) no-repeat; height: 19px; width: 20px; margin-top: -1px }
.viadeo:hover, .viadeocoul:hover { background: url(../images/viadeo-logo-on.png) no-repeat }
/* Début FIX ADD-THIS */
.addthis_toolbox { float: left; width: 290px; }
/*.addthis_button_tweet { width: 65px !important; }
.addthis_button_linkedin_counter {
	margin-top: 1px;
	margin-left: 8px;
}*/
/*.addthis_button_facebook_like {
    overflow:hidden;
    width: 55px !important;
}*/
/*.addthis_button_facebook_share {
	overflow: hidden;
	width: 72px !important;
}
#twttrHubFrame, #twttrHubFrameSecure { left: 0; }*/
/* Fin FIX ADD-THIS */

.twitter-timeline { min-height: 250px; }
/* Fin FIX ADD-THIS */

.actuVign { float: left; width: 310px; /*height: 310px;*/
height: 280px; margin: 0px 20px 10px 0px; }
.actuVign:hover .acturl { color: #fd4dcc; }
.actuVign .vignImg { float: left; height: 174px; width: 310px; margin-bottom: 5px; overflow: hidden; }
.actuVign .vignTitre { float: left; height: 25px; overflow: hidden; padding: 5px 0px; }
.actuVign .vignResume { float: left; height: 60px; overflow: hidden; margin-top: 8px; }
a:link.acturl, a:visited.acturl { color: #00517a; text-decoration: none; }
a:hover.acturl { color: #fd4dcc; }
.actuArtTitre { float: left; width: 640px; margin: 0px; }
.actuArtTitre h1 { color: #00517a; font-size: 1.3em; text-transform: uppercase; font-weight: normal; margin: 0px 0px 10px; }
.actuArtUtil { float: left; width: 640px; margin: 0px 0px 10px; }
.actuArtPubli { float: left; width: 290px; }
.actuArtPartage { float: right; width: 350px; text-align: right; }
.actuArtIllustr { float: left; width: 640px; }
.actuArtContenu { float: left; width: 640px; }
.actuArtContenu h2 { color: #000000; font-size: 0.9em; font-weight: bold; text-align: justify; }
.actuArtContenu p { color: #000000; font-size: 0.9em; text-align: justify; }
/* -- fin actu -- */

/* >> revue de presse << */
#blocTitre { float: left; width: 980px; height: 26px; background: #00517a; margin: 0px 0px 15px; font-weight: normal; padding: 6px 0px 0px 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
#blocContRP { float: left; width: 990px; margin-top: 32px; margin-bottom: 15px; }
#bloc-RP { float: left; width: 889px; border-right: 1px solid #CCC; }
#bloc-RP-art { float: left; width: 990px; }
#bloc-Calendrier { float: right; width: 80px; margin-left: 0px; margin-right: 10px; font-size: 0.8em; text-align: right; }
#bloc-Calendrier-art { float: left; width: 160px; margin-left: 10px; margin-bottom: 25px; }
#separcalendrier { float: left; width: 160px; border-bottom: 1px solid #CCC; padding-bottom: 5px; margin-bottom: 5px; }
.blocRP { margin: 0px 0px 10px; float: left; width: 750px; min-height: 80px; padding: 0px 5px 10px;	/*border-top: 1px solid #CCC;*/ }
.blocRP > h1 > a { font-size: 1em; }
#blocRPart { float: left; margin: 0px 0px 10px; min-height: 300px; width: 770px; padding: 0px 15px 10px 5px; border-right: 1px solid #CCC; }
#blocRPart h1 { float: left; width: 770px; margin: 0px 0px 20px; font-size: 1.1em; }
#blocRPart a, #blocRPart a:visited { color: #008fc6; text-decoration: none; }
#blocRPart p { font-size: 0.8em; }
.blocvignettecarreRP { float: left; text-align: center; overflow: hidden; background: #FFFFFF; margin: 0 7px 7px 0; width: 100px; height: 100px; border: 2px solid #666; padding: 0px; }
.blocvignettecarreRP img { height: 100px;/*border: 3px solid #000;*/ }
div.blocRP h1 { float: left; width: 745px; margin: 0px 0px 5px; font-size: 0.9em; }
.blocRP p { width: 745px; margin: 0px; }
.blocRP img { margin: 0px 0px 5px 10px; }
.blocRP a, .blocRP a:visited { color: #008fc6; text-decoration: none; font-size: 0.8em; }
/* -- revue de presse -- */

/* >> contenu texte << */
.bloccontenu h1, .titreactu h1 { float: left; width: 980px; height: 26px; background: #00517a; margin: 0px 0px 15px; font-weight: normal; padding: 6px 0px 0px 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.contenuTexte { float: left; width: 990px; min-height: 400px; }
.contenuTexte h2 { float: left; width: 990px; margin: 5px 0px 0px; font-weight: normal; }
.contenuTexte p { float: left; width: 990px; margin: 0px 0px 5px; font-size: 0.8em; text-align: justify; }
.contenuTexte p.bordureverte { float: left; width: 970px; border: 1px solid #97be0d; padding: 10px; }
ul#liste { font-size: 0.8em; list-style: url(/images/puce-contenu-texte.png); margin-left: 32px; }
ul#liste li { height: 25px; color: #000; }
/* -- contenu texte -- */

/* >> illustration << */
#illustration { float: left; width: 100%; }
.illustr, .illustrlast { float: left; text-align: center; width: 170px; padding-right: 6px; padding-left: 6px; margin-right: 20px; }
.illustrlast { margin-right: 0px; }
.illustrclient, .illustrclientlast { float: left; text-align: center; /*width: 170px;*/
padding-right: 5px; padding-left: 4px; margin-right: 18px; }
.illustrclientlast { margin-right: 0px; }
.illustrCC, .illustrCClast { float: left; text-align: center; /*width: 170px;*/
padding-right: 10px; padding-left: 10px; margin-bottom: 30px; margin-right: 16px; }
.illustrCClast { margin-right: 0px; }
.illustrCC .bordgris, .illustrCClast .bordgris { border: 1px solid #333; }
.illustr img { margin-top: 5px; margin-bottom: 5px; }
.titreillustr { font-size: 16px; }
.textillustr { float: left; font-size: 10px; text-align: left; }
/* -- illustration -- */

/* >> home video << */
#homevideo { float: left; width: 100%; display: inline; list-style: none; }
#homevideo .blocvideo { float: left; width: 310px; margin-right: 29px; margin-bottom: 25px; }
#homevideo .blocvideo.last { margin-right: 0px; }
#homevideo .soustitre { float: left; width: 304px; height: 40px; margin-top: 1px; /*background: #e5e5e5 url(../images/bg-titre-video.png) repeat-x;*/
padding: 3px; color: #008fc6; font-size: 0.8em; font-weight: bold; }
#homevideo a:hover .soustitre, #homevideo a:hover .soustitre p { color: #fd4dcc; }
/* -- home video -- */

/* >> pied de page << */
#pied { float: left; width: 910px; background: #FFF; padding: 15px 40px; margin-top: 10px; color: #808C9b; border-top: 1px dotted #333; }
.piedPart { float: left; width: 225px; text-align: center; }
#animClient { float: left; width: 134px; height: 40px; margin-left: 70px; background: #a3a3a3; }
#animClient img { height: 40px; }
#piedObli { float: left; width: 950px; font-size: 0.75em; text-align: right; color: #FFF; padding: 10px 20px; }
#piedObli a:link, #piedObli a:visited { text-decoration: none; color: #ffffff; }
.contPiedObli { float: left; width: 475px; text-align: left; }

/* -- pied de page -- */

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