/* CSS Document */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
#dewplayer {margin:10px 0 0 40px; vertical-align: bottom}
html,body {margin:0; padding:0; height:100%; width:100%;}
body { background:#FFFFFF; overflow:auto; font-size: 1.4em; /* equiv 14px */ }
.floatleft { display:inline-block}
a { text-decoration:none; color: #444;
}
a:hover {color:#FF0000}
/*a:visited { color:#444}*/
iframe {border:0; margin:10px 0}
.aucentre { margin-left: auto; margin-right: auto; width:100%; max-width:1020px; padding:0 5px }
.aucentremax { margin-left: auto; margin-right: auto; width:100%; font-family:Arial, Helvetica, sans-serif; max-width:1240px }
.aucentremax a:hover{text-decoration:none;}
.aucentremax h3 { font-size:2.4em; margin:18px 0 9px 0; font-weight:normal; line-height:0.8em}
.aucentremax h3 span{ font-size:0.6em;}
.max100 img { max-width:100px; margin:0.5em}
.petitevid img {max-width:55px; height:auto}
.petitevid img:hover { opacity: .6}
.gauche {width:345px; text-align:justify; }
/* menu --------------------------------------*/
.autour { margin-left: auto; margin-right: auto; width:100%; background-image:url('vegas/overlays/18.png'); vertical-align:middle; }
.exergue {font-size:1.2em}
#boutonrecherche {height:25px; position:absolute; text-align:right; padding:0 10px}
#recherche {border:1px solid #ccc; width:90%; margin:1em auto; padding:1em; background-color: white; max-width:1008px; border-radius:10px; min-height:320px}
.close {text-align:right; margin:0}
.close a {opacity: .5; }
.close a:hover, .close a:active {opacity: 1}
.aff_div {
display:block;
}
.cache_div {
display :none;
}
.blocks div {margin:14px; padding:0; display:inline-block; }
.blocks div img {border:1px solid white}
.blockstext { width:210px; background-color:white; }
.blockstext h3 {font-size:13px; padding:2px; text-transform:uppercase; }
.blockstext h3 a {font-size:13px; padding:2px; text-transform:uppercase; }
.blockstext h3 a:hover { color:#FC0; text-decoration:none; }
.blockstext h4 { font-size:12px; color:#111111; border-top:1px dotted #111111; text-transform:uppercase; font-weight:normal; padding:4px; margin:0 0 6px 0}
.blockstext h4 a { font-size:12px; color:#111111; text-decoration:none; text-transform:uppercase; font-weight:normal }
.blockstext h4 a:hover { font-size:12px; color:#FC0; text-decoration:none; }
.blockstext ul { list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#003872; margin: 0 ; padding: 0 ; }
.blockstext li { border-bottom:1px dotted #111111; padding:0 0 10px 0 }
.blockstext li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#003872; text-decoration:none; }
.blockstext li a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:red; text-decoration:none; }
.agauche {margin-left:0}
.adroite {margin-right:0}
.playlist { font-size:14px}
/* ------------------- menu -------------------*/
#autourdumenu {}
#menu { margin-left: auto; margin-right: auto; width:100%; max-width:980px; color: #333; vertical-align:middle; z-index:11; position: relative; margin-top:6px; padding:0 5px}
#menu a {color: #333; background-color: white}
#menu a:hover {color: #EDCA05; text-decoration:none; -webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s; }
#menu h3 {font-size:12px; padding:0 9px; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
#menu h3:hover { color: #FC0; text-decoration:none; -webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s;}
#menu h3 a { font-size:12px; text-transform:uppercase; font-weight:normal; font-family:Arial, Helvetica, sans-serif }
#menu h3 div {font-size:11px ; margin:0; padding:0; visibility:hidden; position:absolute; }
#menu h3:hover div {visibility: visible}
#menu h3 div p {font-size:11px; padding:4px 10px; margin:0 }
#menu h3 div p:hover { }
#recherchegoogle { width:30px; height:auto; }
#recherchegoogle a { opacity: .5}
#recherchegoogle a:hover {opacity: 1}
/* ------------------- nav (moins de 900px) -------------------*/
#nav { width:100%; max-width:979px; padding:3px; font-family:Arial, Helvetica, sans-serif }
#nav a {color: #333; background-color: white}
#nav a:hover, a:active {color: #EDCA05; text-decoration:none; -webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s; }
#nav ul {margin:0; padding:0; list-style-type:none; font-size:1.1em}
#nav li {border-top:1px solid grey; margin: 6px 0; padding:2px 0; font-weight:600}
#nav ul ul { margin-left:10px}
#nav ul ul li {font-size:.9em; font-weight:normal}
#nav ul li a:first-child {}
#logomenuH span { display:inline-block; }
.petitmenuH { }
#logomenuV {}
.petitmenuV {background-image: url(images/logomenuV.png); background-repeat:no-repeat; background-position:right;}
/* ------------------- fin de nav (moins de 900px) -------------------*/
/* formatage résultats google */
#___gcse_0 { }
/* sous menu --------------------------------------*/
.und { margin:10px 0 20px 0; padding:8px; background-color:white; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.und h1 {font-family:"AlteHaasGrotesk", Arial, Helvetica, sans-serif; font-size:64px; letter-spacing:-3px; line-height: none; padding:0; margin:0 2px 10px 0; text-align: right; width:100%;}
.und h1 span {font-size:16px; line-height:16px}
.und h1 a {font-family:"AlteHaasGrotesk", Arial, Helvetica, sans-serif; font-size:64px; color: #222; letter-spacing:-3px; text-decoration:50px; line-height:50px; padding:0; margin:0 2px 10px 0;}
.und h1 a:hover {font-family:"AlteHaasGrotesk", Arial, Helvetica, sans-serif; font-size:64px; letter-spacing:-3px; text-decoration:none; line-height:50px; padding:0; margin:0 2px 10px 0;}
.und h3 {font-size:16px; display: inline-block; float:right; padding:0; margin:-20px 0 0 0; background-color:white; font-weight:normal; text-transform:uppercase }
.und p { float:right; font-size:12px; padding:2px 8px; margin:2px 1px; background-color:white; font-weight:normal; text-transform:uppercase}
.und p a { text-decoration:none; color:#333 }
.und p a:hover { color:red; text-decoration:none; -webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s;}
.und p div { margin:0 0 0 -30px; visibility:hidden; position:absolute; background-color:#FFFFFF; z-index:10; border:1px dotted #CCC; }
.und p:hover div {visibility: visible}
.und p span {display: block; font-size:11px; margin:0; padding:4px; background-color:white; text-align:left; border-top:1px dotted #CCC; }
.under { margin:10px auto 20px auto; padding:8px; background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px; max-width:1024px}
.under h1 {font-family:"AlteHaasGrotesk", Arial, Helvetica, sans-serif; padding:0; margin:0 2px 10px 0; text-align: right; width:100%; text-transform:uppercase;}
.under h1 a {font-family:"AlteHaasGrotesk", Arial, Helvetica, sans-serif;color: #222;text-decoration:none;}
.under h1 a:hover {font-family:"AlteHaasGrotesk", Arial, Helvetica, sans-serif; font-size:64px; letter-spacing:-3px; text-decoration:none; line-height:50px; padding:0; margin:0 2px 10px 0;}
.under h1 span {font-size:16px; display:inline; float:right; padding:4px}
.under h3 {font-size:11px; display: inline-block; float:left; padding:1px 8px; margin:0; border-left:2px solid #ccc; background-color:white; font-weight:normal; text-transform:uppercase }
.under h3 a:hover { color: #ED1C24; text-decoration:none; -webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s;}
.under h3 a { font-size:11px; text-transform:uppercase; text-decoration:none; font-weight:normal }
.under h3 div {font-size:10px ; margin:0; visibility:hidden; position:absolute; border-right:1px dotted #CCC; background-color:#FFFFFF; z-index:10 }
.under h3:hover div {visibility: visible}
.under h3 p {font-size:10px; margin:0; padding:4px 4px 2px 2px; background-color:white; text-align:left }
.under span {font-family:Arial, Helvetica, sans-serif; display: block; font-size:12px; padding:2px 8px; margin:2px 1px; background-color:white; font-weight:normal; text-transform:uppercase;}
.under span a { text-decoration:none; color:#333 }
.under span a:hover { text-decoration:none; -webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s}
.under span div { margin:0 0 0 -30px; visibility:hidden; position:absolute; background-color:#FFFFFF; z-index:10; border:1px dotted #CCC; }
.under span:hover div {visibility: visible}
.under span p {font-size:11px; margin:0; padding:4px; background-color:white; text-align:left; border-top:1px dotted #CCC; }
.under p {margin:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-align:right; text-transform:uppercase}
.bloquelibre { }
.bloquelibre div {background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px; border:1px dotted grey; padding:1em}
.bloquelibre ul {list-style-type:none; margin: 0; padding:0}
.bloquelibre ul li {margin:0 0 10px 0; font-size:1.2em}
.bloquelibre ul li img {width:auto;height:25px; margin-right:8px; border:none}
.bloquelibre ul li em{ font-size:.9em}
/*candidatures AIGP 2016 */
.one-half h5 a { padding:10px; background-color:#FC0}
.one-half h5 a:hover { color: #C30}
/* skeleton grid */
.six h5:first-child {padding-top:20px}
.container {
position: relative;
width: 100%;
/* max-width: 1020px;*/
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box; }
.containerup {margin:20px 0; border:1px solid #ccc; padding:0 10px 20px 10px; background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px; vertical-align:top; font-family: Arial, Helvetica, sans-serif }
.containerup a:hover {color:#f6bb33}
.containerup a {color: #630}
.containerup h3 { font-size:2em; margin:8px 0}
.containerup h2 { font-size:2.4em; font-weight: normal; text-transform: uppercase; line-height:.9em}
.containerup h4 { font-size:1.6em; margin:8px 0}
.containerup h5 { font-size:1em; margin:0}
.row { padding:1em 0}
.column,
.columns {
width: 100%;
float: left;
box-sizing: border-box; padding:5px 0; }
.garde { font-family:Arial, Helvetica, sans-serif; margin-top:40px}
.garde h3 { font-size:1.5em; margin:0; text-transform:uppercase; padding:0}
.garde h4 { font-size:.9em; margin:10px 0; padding-top:10px; text-transform:uppercase; border-top:1px dotted black}
.garde a { color:#333333}
.garde a:hover { color: #f6bb33; text-decoration:none}
.garde ul {list-style-type:none; margin:0; padding:0}
.garde li {font-size:1em; margin: 0; padding:10px 0; border-top:1px dotted black}
.garde li a {color:#630}
/* For devices larger than 400px */
@media (min-width: 400px) {
.container {
width: 85%;
padding: 0; }
.videoWrapper {
padding-bottom: 56.25%; /* 16:9 */
}
}
/* For devices larger than 780px */
@media (min-width: 780px) {
.container {
width: 100%; }
.column,
.columns {
margin-left: 4%; }
.column:first-child,
.columns:first-child {
margin-left: 0; }
.one.column,
.one.columns { width: 4.66666666667%; }
.two.columns { width: 13.3333333333%; }
.three.columns { width: 22%; }
.four.columns { width: 30.6666666667%; }
.five.columns { width: 39.3333333333%; }
.six.columns { width: 48%; }
.seven.columns { width: 56.6666666667%; }
.eight.columns { width: 65.3333333333%; }
.nine.columns { width: 74.0%; }
.ten.columns { width: 82.6666666667%; }
.eleven.columns { width: 91.3333333333%; }
.twelve.columns { width: 100%; margin-left: 0; }
.one-third.column { width: 30.6666666667%; }
.two-thirds.column { width: 65.3333333333%; }
.one-forth.column { width: 22%;}
.two-forth.column { width: 48%; }
.three-forths.column { width: 74%; }
.one-half.column { width: 48%; margin-top:0}
/* Offsets */
.offset-by-one.column,
.offset-by-one.columns { margin-left: 8.66666666667%; }
.offset-by-two.column,
.offset-by-two.columns { margin-left: 17.3333333333%; }
.offset-by-three.column,
.offset-by-three.columns { margin-left: 26%; }
.offset-by-four.column,
.offset-by-four.columns { margin-left: 34.6666666667%; }
.offset-by-five.column,
.offset-by-five.columns { margin-left: 43.3333333333%; }
.offset-by-six.column,
.offset-by-six.columns { margin-left: 52%; }
.offset-by-seven.column,
.offset-by-seven.columns { margin-left: 60.6666666667%; }
.offset-by-eight.column,
.offset-by-eight.columns { margin-left: 69.3333333333%; }
.offset-by-nine.column,
.offset-by-nine.columns { margin-left: 78.0%; }
.offset-by-ten.column,
.offset-by-ten.columns { margin-left: 86.6666666667%; }
.offset-by-eleven.column,
.offset-by-eleven.columns { margin-left: 95.3333333333%; }
.offset-by-one-third.column,
.offset-by-one-third.columns { margin-left: 34.6666666667%; }
.offset-by-two-thirds.column,
.offset-by-two-thirds.columns { margin-left: 69.3333333333%; }
.offset-by-one-half.column,
.offset-by-one-half.columns { margin-left: 52%; }
.videoWrapper {
padding-bottom: 56.25%; /* 16:9 */
}
.garde h3 { height: 60px; }
}
/* For devices smaller than 549px */
@media (max-width: 779px) {
.garde h3 { border-top:3px solid grey; padding-top:8px; margin-top:16px }
.pieds2016 div {margin: 1em 0 ;padding: 5px 0 ; background-color: white}
.pieds2016 div:first-child {border-top:3px solid #000;}
}
/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
content: "";
display: table;
clear: both; }
/* fin de skeleton */
/* #EDCA05 */
/*
*/
.tourisme {margin:20px 0; border:1px solid #ccc; padding:0 10px 20px 10px; background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px; vertical-align:top; font-family:Arial, Helvetica, sans-serif }
.tourisme a:hover {color: #C00}
.tourisme a {color: #333}
.tourisme h1 {font-size: 3.2em; text-transform:uppercase; line-height:.9em; font-weight:normal; text-align:left; color:#EDCA05}
.tourisme h1 em {font-size:.8em}
.tourisme h2 { font-size:2.4em; font-weight: normal; text-transform: uppercase; line-height:.9em; margin: 10px 0 0 0; color:#EDCA05}
.tourisme h3 { font-size:2em; margin:18px 0 9px 0}
.tourisme h4 { font-size:1.4em; margin:12px 0 0 0 ; font-family: Arial, Helvetica, sans-serif;}
.tourisme h4 span { font-size:.9em; text-transform:uppercase}
.tourisme h5 { font-size:1em; margin:5px 0}
.tourisme h6 {font-size:.9em; margin:0}
.tourisme ul {list-style-type:none; margin:5px 0 0 0; padding:10px 0}
.tourisme ol {list-style-type:none; margin:0; padding: 0}
.tourisme li { margin:5px; padding:0; }
.tourisme lh { font-weight:bold }
.tabite span:first-child {display: inline-block; max-width:320px; font-weight:bold; padding:8px}
/*.tabite img {opacity: .9; filter: alpha(opacity=90); -moz-opacity: .9;}
.tabite img:hover {opacity: 1.5; filter: alpha(opacity=150); -moz-opacity: 1.5;}*/
.huitans li {min-height:115px}
/* fin de tourisme */
/* player vidéo */
.videoplayer {margin:20px 0; border:1px solid #ccc; padding:0 10px 20px 10px; background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px; vertical-align:top; font-family: Arial, Helvetica, sans-serif }
.videoplayer a:hover {color:#f6bb33}
.videoplayer a {color: #630}
.videoplayer h3 { font-size:2em; margin:8px 0}
.videoplayer h2 { font-size:2.4em; font-weight: normal; text-transform: uppercase; line-height:.9em}
.videoplayer h4 { font-size:1.6em; margin:8px 0}
.videoplayer h5 { font-size:1em; margin:0}
.videoWrapper {
position: relative;
/* padding-bottom: 56.25%; 16:9 */
padding-top: 25px;
/* height: 0; */
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-bottom:10px;
min-height:169px;
}
.listvideo { }
.listvideo ul {list-style-type:none; margin:0; padding:10px 0}
.listvideo li { margin:5px; padding:0; min-height:60px;}
.listvideo li img {margin-right:10px; width:72px; height:auto}
.listvideo li h4 {margin:0 }
.listvideo li h4 i { font-weight:normal}
.listvideoHZ {margin:20px 0; border:1px solid #ccc; padding:0 10px 20px 10px; background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px; vertical-align:top; font-family: Arial, Helvetica, sans-serif }
.listvideoHZ h3 { font-size:1.6em; margin:10px 0 0 0; text-transform:uppercase; font-weight:normal}
.listvideoHZ h2 { font-size:2.4em; font-weight: normal; text-transform: uppercase; line-height:.9em}
.listvideoHZ h5 { font-size:.9em; font-weight: normal; text-transform: uppercase; margin:0}
.listvideoHZ ul {list-style-type:none; margin:0; padding:10px 0}
.listvideoHZ li { margin:5px; padding:5px; display:inline-block; background-color:black; text-align:center; width:110px}
.listvideoHZ li img {margin-right:10px; width:100px; height:90px; border:0}
.listvideoHZ li h4 {margin:0 }
.listvideoHZ li h4 i { font-weight:normal}
.listvideoHZ li p {font-size:.9em }
.listvideoHZ li em {font-weight:bold; font-style:normal; color:white; padding:4px; font-size:.9em}
.videoclimat img {margin:8px; width:120px; height:auto}
.videoclimat div {margin:2px; visibility:hidden; position:absolute; width:120px; max-height:100px; opacity: .7; filter: alpha(opacity=70); -moz-opacity: .7; vertical-align:bottom; text-align:center; display:inline}
.videoclimat div h2 { background-color:white; margin:10px 0 0 1px;}
/*.videoclimat img:hover {width:200px; height:auto}*/
/* fin player vidéo */
/* videobox */
.lightboxcontainer {
width:100%;
text-align:left;
}
.lightboxleft {
width: 40%;
float:left;
}
.lightboxright {
width: 60%;
float:left;
}
.lightboxright iframe {
min-height: 390px;
}
.divtext {
margin: 36px;
}
@media (max-width: 800px) {
.lightboxleft {
width: 100%;
}
.lightboxright {
width: 100%;
}
.divtext {
margin: 12px;
}
}
/* fin de videobox */
.smt { font-family:Arial, Helvetica, sans-serif}
.smt span {display:inline-block; float:left; margin:2px; background-color:white; padding:4px;}
.smt span a {color:#333; font-size:12pt; text-decoration:none;}
.smt table { }
.smt td {background-color:white; margin:0 10px; vertical-align:top}
.conseil2016 {margin:20px 0; border:1px solid #ccc; padding:16px; background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px; vertical-align:top; font-family: Arial, Helvetica, sans-serif}
/*.conseil2016 a {color: #333}
.conseil2016 h2:first-child {margin-bottom:50px}*/
.conseil2016 h2 img:first-child {float:left; margin:0 10px}
.conseil2016 a:hover { text-decoration:none;}
.conseil2016 h1 {font-family:Arial, Helvetica, sans-serif; font-size:3.4em; text-decoration:none; line-height:.8em; margin: 12px 0; text-transform:uppercase; font-weight:normal }
.conseil2016 h2 {font-size: 2.8em; text-transform:uppercase; margin:30px 0 12px 0; text-align:left; line-height:.9em; font-weight:normal }
.conseil2016 h3 {font-weight:normal; font-size:2em; text-align:left; margin:20px 0 0 0; border-top:2px dotted #CCC; padding-top:6px }
.conseil2016 h4 {font-size:1.6em; text-align:left; margin:8px 0; font-weight:normal; }
.conseil2016 h5 {font-size:1.3em; text-align:left; margin:0}
.conseil2016 h6 { font-size:1.2em; margin:8px 0 0 8px}
.sanspoint { list-style-type:none; margin:10px 0; padding:0}
.sanspoint li {margin: 8px 0 }
.conseil2016 li {margin:1em 0}
.conseil2016 li a { text-transform: uppercase; }
.conseil2016 li a:hover {color:#f6bb33}
.conseil2016 li img {margin-right: 10px; vertical-align:middle; border:0}
.conseil2016 span {font-size:.7em; line-height:.8em; text-transform:none}
.conseil2016 em {font-size:1.2em;}
.conseil2016 h1 small {font-size:.4em; text-transform:none; line-height:.4em}
.conseil2016 p {text-align:justify}
.titreGPC { line-height:1em; padding:10px; font-size:1.1em}
.sousmenuGPC { padding:10px; background-color:white; color:#1b6c6c}
.sousmenuGPC ul { list-style-type:none; margin:10px 0; padding:0}
.sousmenuGPC li {margin: 12px 0; padding:0 0 0 20px; background-image:url(images/lienGPC_RT.png); background-position:left bottom; background-repeat:no-repeat }
.sousmenuGPC li:hover { background-image:url(images/lienGPC_RThover.png); background-position:left bottom; background-repeat:no-repeat }
.sousmenuGPC li a:hover {color: #666; text-decoration:underline; color:#1b6c6c}
.boitetravaux {width:320px; float:right; padding:10px; margin-left:20px; border:1px dotted grey; text-align:left;}
.haut { background-image:url(images/petitHaut.png); background-position:right top; background-repeat:no-repeat; margin-top:20px; max-width:100px; }
.haut:hover {background-image:url(images/petitHaut_hover.png); background-position:right top; background-repeat:no-repeat; margin-top:20px; max-width:100px;}
.affiches a img {width:90px; height:auto border:0}
.affiches a:hover img {width:auto; height:160px}
.affiches a { display:inline-block; width:103px; height:170px; text-align:center; vertical-align:middle}
.pluspetit { font-size:.8em; line-height:1em}
.nouvelleeconomie a:hover { color:#C3CD32}
.nouvelleeconomie h1 {color: #C3CD32}
.nouvelleeconomie h4 {color: #C3CD32}
.nouvelleeconomie li a {color: #C3CD32}
.vivrebienpartout a:hover { color:#3ec2d5}
.vivrebienpartout h1 {color: #3ec2d5}
.vivrebienpartout h4 {color: #3ec2d5}
.vivrebienpartout li a {color: #3ec2d5}
.reliertisser a:hover { color:#1b6c6c}
.reliertisser h1 {color: #1b6c6c}
.reliertisser h4 {color: #1b6c6c}
.reliertisser li a {color: #1b6c6c}
.occupermieux a:hover { color:#d2de66}
.occupermieux h1 {color: #d2de66}
.occupermieux h4 {color: #d2de66}
.occupermieux li a {color: #d2de66}
.produireautrement a:hover { color:#66b86d}
.produireautrement h1 {color: #66b86d}
.produireautrement li a {color: #66b86d}
.seine a:hover { color:#2b64aa}
.seine h1 {color: #2b64aa}
.seine li a {color: #2b64aa}
.campus a:hover { color:#3195ce}
.campus h1 {color: #3195ce}
.campus li a {color: #3195ce}
.gpc {width:100%}
.gpcblock {max-width:320px; border:1px solid grey; padding:10px; margin: 10px}
.gpcfilm {margin: 20px auto; min-width:320px; display:inline-block}
.gpcfilm iframe {width:320px; height:180px}
.gpcfilm h5 {}
.gpcfilm em {}
.gpcfilm p {}
.gpcfilm div:first-child { margin:0 20px 0 0; float:left; max-width:560px; min-width:320px; text-align:right}
.gpcfilm div:first-child h5 {text-align:right; margin-top:10px }
.gpcfilm iframe:first-child { padding:0 20px 0 0; float:left;}
.cs {margin:20px 0; border:1px solid #ccc; padding:10px; background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px; vertical-align:top}
.cs span {display:inline-block; float:right; margin:4px 4px;}
.hoda {font-size:11px; text-transform:none; display:inline; float: none; margin:0; font-weight:normal}
.cs img { border:0; margin:4px 7px }
.cs p {margin:6px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; }
.cs h1 {font-family: Arial, Helvetica, sans-serif; font-size: 3.2em; text-transform:uppercase; line-height:.9em; font-weight:normal; text-align:left}
.cs h1 em {font-size:.8em}
.cs h2 {font-family: Arial, Helvetica, sans-serif; font-size: 2em; font-weight:normal; text-transform:uppercase; margin:30px 0 4px 0; text-align:left; line-height:.9em}
.cs h2 a {font-family: Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; margin:30px 0 4px 0; text-align:left;}
.cs h2 a:hover {color:#ffcc00;}
.cs h3 { font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:1.8em; text-align:left; margin-top:1em }
.cs h3 a { font-family: Arial, Helvetica, sans-serif; }
.cs h4 { font-family: Arial, Helvetica, sans-serif;font-size:1.4em; text-align:left; font-weight:bold }
/*.cs h4 a { font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold }
.cs h4 a:hover { font-family: Arial, Helvetica, sans-serif;font-size:18px; }*/
.cs h4 span { font-size:.9em}
.cs h5 { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; margin: 12px 0 2px 0}
.cs h6 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#111111;}
.cs h6 img {margin:4px}
.cs table { margin-top:5px; color:#111111; border-collapse:collapse; border-top:1px dotted #111111; width:100%; }
.cs th { padding:10px }
.cs td { margin:2px; color:#111111; border-top:1px solid #999999; padding:10px; vertical-align:top; }
.cs a { color:#111111; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }
.cs a:hover { text-decoration:none; color: #f00; }
.cs td a { color:#111111; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }
.cs td a:hover { text-decoration:none; color: #f00; }
.cs ul {list-style:none; margin: 10px 10px 10px 0 ; padding: 0 ;}
.cs li {padding:4px; margin:10px 0; text-align:left; font-family:Arial, Helvetica, sans-serif}
.cs li p:first-child {font-size:1.2em}
.cs div { margin:20px 0}
.conseilindex ul {font-size:3em; text-transform:uppercase; letter-spacing:-1px}
.conseilindex ul li { }
.conseilindex ul li span {font-size:.9em; text-transform:none}
.conseilindex p { font-size:2.6em; text-transform:uppercase; letter-spacing:-1px; margin:50px 0; text-align:left; line-height:.9em; }
.conseilindex a:hover {color:#EDCA05}
.conseilindex p em {font-size:.7em; text-transform:none}
.icon {vertical-align:middle; margin:0 8px 0 0 ; border:0}
.iconmenu {width:20px;height:auto}
.guillemetgauche {font-size:70px; display:inline-block; float:left; margin:-16px 8px 0 0}
.guillemetdroite {font-size:70px; display:inline-block; margin:-10px 0 10px 8px; float:right}
.references li { font-size:1.2em}
.references li img {width:10px}
.citation h4 {margin: 0 0 0 54px}
.citation p {color:#5A5A5A}
.histoire { margin:20px 0; border:1px solid #ccc; padding:10px; background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px; vertical-align: top; font-family: Arial, Helvetica, sans-serif;}
.histoire div { margin:0 0 20px 0}
.histoire h2 { font-weight:normal; font-size:30px; text-align:left; margin: 4px 0 4px 160px }
.histoire h3 { font-size:18px; text-align:left; font-weight:normal; vertical-align: top; margin: 10px;}
.histoire h4 { font-size:44px; text-align: center; margin: 50px 0 10px 4px; letter-spacing: -4px; font-weight:normal; border-top: 4px solid black; width:90px; }
.histoire h5 { font-size:14px; display:inline-block; margin: 2px 40px 10px 10px; float:left;}
.histoire p { margin: 10px;}
.histoire p a { text-decoration:none}
.histoire table { margin:0 }
.histoire table caption { text-align:left; padding:10px 0 0 40px}
.histoire table caption span { font-weight:bold}
.histoire td {background-color:white; width:400px; padding:4px 40px 0 0; vertical-align:top}
.histoire img { margin:4px 0 10px 40px; float:right}
.histoire ul {margin:0; list-style-type:none}
.histoire a {color: #09AECE }
.histoire a:hover, a:active {color: #F173AC}
.histoire a:visited { color:#006666}
.histoire ol li {display:inline-block; margin:0 10px}
.histoire ol {}
.sixquestions {margin:20px 0; border:1px solid #ccc; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px;}
.sixquestions p {margin:6px 0;}
.sixquestions h1 {font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight:normal; text-transform:uppercase; color:#333333; line-height:28px}
.sixquestions h2 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:normal; text-transform:uppercase; margin:10px 0; color:#333333; text-align:left; line-height:20px}
.sixquestions h2 a {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:normal; text-transform:uppercase; margin:30px 0 4px 0; text-align:left; line-height:20px}
.sixquestions h2 a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:normal; text-transform:uppercase; margin:30px 0 4px 0; color:#ffcc00; text-align:left; line-height:20px}
.sixquestions h3 { text-transform:uppercase; font-size:16px; font-weight:normal; margin: 4px }
.sixquestions h3 a { text-transform:uppercase; font-size:16px; font-weight:normal; }
.sixquestions h3 span { visibility:hidden; text-transform:none; position:absolute; margin:0 0 10px 40px}
.sixquestions a:hover {color:#393; text-decoration:none}
.inter {margin:20px 0; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; vertical-align:top}
.inter h2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight:normal; text-transform:uppercase; color:#111}
.inter h2:hover { color: #F00 }
.inter a { text-decoration:none; color:#333 }
.inter a:hover { }
.cartes { display:inline-block; }
.cartes h2 { background-color:white; display:inline; position:absolute; width:282px; opacity: .7; filter: alpha(opacity=70); -moz-opacity: .7; vertical-align: middle; text-align:center; margin-top:70px;}
.divA { margin:12px 10px 12px 0; }
.divB { margin:20px }
.divC { margin:12px 0 12px 10px }
.menupage ul { list-style:none; margin:0 ; padding:0 ; }
.menupage li { border-top:1px dotted #333333; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; }
.menupage li a { color:#003872; text-decoration:none; }
.menupage li a:hover { color:red; text-decoration:none; }
.conversation {margin:20px 0; padding:10px; background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px; vertical-align:top}
/*.conversation div { display:inline-block ; margin:10px}*/
.conversation a:hover {color:red}
.conversation p { font-family:Arial, Helvetica, sans-serif}
.conversation h2 {font-family: Arial, Helvetica, sans-serif; font-size: 36px; text-transform:uppercase; line-height:32px; font-weight:normal;}
.conversation h3 { font-size:24px; font-family: Arial, Helvetica, sans-serif; margin:0; text-transform:uppercase; font-weight:normal}
.conversation h3 a { font-size:24px; font-family: Arial, Helvetica, sans-serif; margin:0; text-transform:uppercase; font-weight:normal}
.conversation h4 { font-size:18px; font-family: Arial, Helvetica, sans-serif; margin:4px 0 4px 10px; color: white; text-transform:uppercase }
.conversation h3 a:hover { text-decoration:none}
.conversation h5 { font-size:16px; font-family: Arial, Helvetica, sans-serif; margin:4px 0 4px 10px; color: white; }
.conversation h6 { font-size:14px; font-family: Arial, Helvetica, sans-serif; margin:4px 0 4px 10px }
.conversation table {}
.conversation td { vertical-align:top}
.conversation th { vertical-align:top ;text-align:left; margin:4px; padding:0 10px; font-family:Arial, Helvetica, sans-serif; font-size:18px}
.programmeconversations {}
.metropolitaines a:hover {color:red}
.question { /* Styling question */
/* Start layout CSS */
width:100%; font-family:Arial, Helvetica, sans-serif; margin-bottom:2px; margin-top:2px; padding-left:2px; height:20px;
/* End layout CSS */
overflow:hidden;
cursor:pointer;
}
.question:hover { color:red}
.answer { /* Parent box of slide down content */
/* Start layout CSS */
; font-family:Arial, Helvetica, sans-serif;
/* End layout CSS */
visibility:hidden; height:0px; overflow:hidden; position:relative;
}
.answer_content{ /* Content that is slided down */
padding:1px; position:relative;
}
.programme {margin:20px 0; border:1px solid #ccc; padding:10px; background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px; vertical-align:top}
.programme h6 { font-size:1em; margin: 10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#EE1D23}
.programme p { margin:1em 0; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
.programme2015 {margin:0; padding:0}
.programme2015 a { text-decoration:none; color: #464600}
.programme2015 a:hover { text-decoration:none; color:red}
.programme2015 p { margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.programme2015 em { margin:0 5em; font-size:1.3em; font-style:normal; font-weight:bolder; color: white; display:block}
.programme2015 em a {color: white}
.programme2015 em a:hover { background-color:#C0C0C0}
.programme2015 h1{ font-size:3em; line-height:.9em; border-top:4px solid; padding-top:0.2em}
.programme2015 h1 kbd { font-size:1.5em; color: white; font-weight:normal; font-family: Verdana, Geneva, sans-serif}
.programme .hombrerose {text-shadow: 0 0 0.09em #F173AC, 0 0 0.09em #F173AC, 0 0 0.09em #F173AC;}
.programme .hombreorange {text-shadow: 0 0 0.1em #F5A864, 0 0 0.1em #F5A864}
.programme .hombreverte {text-shadow: 0 0 0.1em #179688, 0 0 0.1em #179688}
.programme .hombregrise {text-shadow: 0 0 0.1em #628080, 0 0 0.1em #628080}
.programme .hombrebrune {text-shadow: 0 0 0.1em #B07A64, 0 0 0.1em #B07A64}
.programme .hombrekaki {text-shadow: 0 0 0.1em #B1AC7C, 0 0 0.1em #B1AC7C}
.programme .hombrerouge {text-shadow: 0 0 0.1em #C98A94, 0 0 0.1em #C98A94}
.programme .hombrejaune {text-shadow: 0 0 0.1em #EDCA05, 0 0 0.1em #EDCA05}
.programme .hombrejaunevert {text-shadow: 0 0 0.1em #85DECE, 0 0 0.1em #85DECE}
.programme2015 div { padding: 4px 8px}
.seminairecs { border-top-left-radius:10px; border-top-right-radius: 10px; margin:10px 0; }
.questionvive { border-bottom-left-radius:10px; border-bottom-right-radius: 10px; }
/*.questionvive:hover {background-image:url(aigp/questionsvives/fondqv4.jpg)}*/
.programme2015 h2 { font-size:1.4em; text-align:left; margin: 20px 0 10px 0; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1; word-spacing:-1; line-height:0.9em; text-transform:uppercase}
.programme2015 h2 span { font-size:0.9em; text-transform:none}
.programme2015 h3 { font-size:1.8em; vertical-align: bottom; margin: 10px 0; font-family: Arial, Helvetica, sans-serif; letter-spacing:-1; word-spacing:-1; color:#333333; min-height:40px}
.programme2015 h3 span {font-size:0.7em; float:right; text-align:right; line-height:1; font-family: "Arial Black", Gadget, sans-serif;}
.programme2015 h3 span {color:white}
.programme2015 h4 { font-size:1.5em; margin: .5em 0; font-family:Arial, Helvetica, sans-serif;}
.programme2015 h5 { font-size:15px; margin: 10px 0; font-family: Arial, Helvetica, sans-serif;}
.programme2015 ul { list-style-type:none; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif;}
.programme2015 li { margin:0 0 8px 0}
.programme2015 table { margin:20px; width:100%; max-width:800px;}
.programme2015 caption {font-size:2.4em; text-align:left; font-family:Arial, Helvetica, sans-serif; line-height:0.9em; margin:20px 0; font-weight:bold; color:white}
.programme2015 caption span {font-size:16px; margin-left:10px;}
.programme2015 th {vertical-align:top; padding: 10px 0; text-align:left; margin: 10px 0 0 0; font-size:20px; font-family: Arial, Helvetica, sans-serif }
.programme2015 td {vertical-align:top; padding: 0 0 8px 0 }
.programme2015 td:first-child { font-size:1.2em; font-family: "Arial Black", Gadget, sans-serif; font-weight: bold; width:90px; color:white}
.programme2015 td:nth-child(2) { font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.programme2015 iframe { width:300px; height:225px }
.photo { margin: 0 10px 0 0; text-align:center; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.document { max-width:600px; margin:0; padding:4px; text-align:justify; width:63%; float: right}
.document h3 { margin:0}
.bleu2015 {color: #00AFCE}
.vert2015 {color: #009586}
.saumon2015 {color: #FF866A}
.intensite {background-color:#6BCDF2}
.ouverts {background-color:#B6B941}
.pavillonaire {background-color:#E28139}
.pz img {width:270; height:100px}
.oa img { width:199px; height:156px}
.big img {margin:4px 0; width:878px}
.equipes h6 {display:inline-block; margin:4px; border:1px dotted #999; padding:4px; max-width:540px; font-variant:normal; text-transform:uppercase; letter-spacing:-1px; text-align:left; font-size:16px}
.equipes h6 a {font-variant:normal; text-transform:uppercase; letter-spacing:-1px; text-align:left; font-size:16px}
.equipes h6 a:hover {font-variant:normal; text-transform:uppercase; letter-spacing:-1px; text-align:left; font-size:16px}
.habiter h1 {color:#EDCA05;}
.habiter h2 span {display:inline; float:none}
.habiter h3 a:hover {color: #EDCA05;}
.habiter span a:hover {color:#EDCA05;}
.habiter a:hover {color:#EDCA05;}
.grandeimage {width:100%; max-width:930px; margin:2px; height:auto}
.films h4 { border-top:1px dotted #999999}
.films td {border:0}
.films table {border:0}
.films span { width:420px}
.mosaique {
position: absolute; z-index:2; margin:0 175px; width:540px; height:540
}
.mosaique tr {height:135px;}
.mosaique td {width:135px; font-weight:bold;line-height:14px;width:130px;text-transform:uppercase;font-size:18px;vertical-align:top;}
.mosaique td a {text-decoration:none;}
.cles {}
.cles a:hover {}
.cles li span {display:inline; float:none}
.cle { padding-left:80px}
.clesvert h1 {color: #73862D;}
.clesvert h2 {color: #73862D;}
.clesvert a span {color: #73862D;}
.clesvert a:hover {color: #73862D;}
.clesvert p {color: #73862D;}
.clesviolet h1 {color: #B455A0;}
.clesviolet h2 {color: #B455A0;}
.clesviolet h3 {color: #B455A0;}
.clesviolet a span {color: #B455A0;}
.clesviolet a:hover {color: #B455A0; }
.clesrouge h1 {color: #ED1C24;}
.clesrouge h2 {color: #ED1C24;}
.clesrouge h3 {color: #ED1C24;}
.clesrouge a span {color: #ED1C24;}
.clesrouge a:hover {color: #ED1C24;}
.clesorange h1 {color: #F6871F;}
.clesorange h2 {color: #F6871F;}
.clesorange a span {color: #F6871F;}
.clesorange a:hover {color: #F6871F;}
.clesrose h1 {color: #EF5BA1;}
.clesrose h2 {color: #EF5BA1;}
.clesrose a span {color: #EF5BA1;}
.clesrose a:hover {color: #EF5BA1;}
.menucles {float:right; width:300px; margin:8px 2px 10px 20px; background-color:#FFFFFF; padding:6px; border:1px dotted grey; -moz-border-radius: 6px;
-webkit-border-radius: 6px; border-radius: 6px; text-align:left;}
.menucles ul {list-style: none; margin: 4px 10px 4px 0 ; padding:0 ;}
.menucles li {margin:0; }
.menucles li span { float:left; font-weight:bold; margin:0 10px 0 0}
.schema {margin:10px; padding:10px; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px; color:white}
.schema a {color:white}
.schema a:hover {color: #111}
.schema a:visited {color: #000}
.schema h2 { margin:15px}
.schema h2 a {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:normal; text-transform:uppercase; margin:30px 0 4px 0;}
.schema h2 a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:normal; text-transform:uppercase; margin:30px 0 4px 0;}
.schema h3 { font-weight:bold; text-align:center; text-transform:uppercase; font-size:16px; margin:12px 0 4px 0}
.schema h4 {font-size:16px; margin:10px; font-weight:normal}
.schema h4 a:hover {font-size:16px; font-weight:normal}
.schema h4 a {font-size:16px; font-weight:normal}
.schema h3 a { font-weight:bold; text-align:center; text-transform:uppercase; font-size:16px; margin:12px 0 4px 0}
.schema h3 a:hover {}
.systemes h1:hover {color: #EE1D23;}
.systemes h2 {}
.systemes h3 a:hover {color: #EE1D23;}
.systemes h2 span {display:inline; float:none}
.systemes span a:hover {color:#EE1D23;}
.systemes li a span {display:inline; float:none;}
.seminaire h2 {color: #DD2F58;}
.seminaire div {padding:10px 0; border-top:1px dashed #DD2F58}
.interview {width:422px; padding:2px; display:inline-block; }
.petitmenu2 {float:right; width:380px; margin:0 0 20px 40px; padding:6px; border:1px dotted grey; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px; background-color:#FFFFFF;}
.petitmenu2 li { font-size:12px}
.petitmenu {float:right; width:310px; margin:8px 2px 10px 20px; background-color:#FFFFFF; padding:10px; border:1px dotted grey; -moz-border-radius: 6px;
-webkit-border-radius: 6px; border-radius: 6px; text-align:left}
.petitmenu ul {list-style: decimal; margin: 4px 10px 4px 20px ; padding:0 ;}
.petitmenu li {margin:0 10px;}
.imrtop { margin-left: auto; margin-right: auto; width:100%; vertical-align:middle; }
#imrmenu img {margin:5px}
#imrmenu { margin-left: auto; margin-right: auto; width:890px; z-index:11; position: relative; margin-top:6px; padding:4px; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px;}
.imr {margin:20px 0; border:1px solid #ccc; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px;}
.imr h1 {color:#FF6600}
.imr h2 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:normal; text-transform:uppercase; margin:30px 0 4px 0; text-align:left; line-height:20px}
.imr h2 span {line-height:12px}
.imr h3 {font-size:24px; font-weight:normal; margin:0}
.imr h3 a:hover {color: #FF6600; font-size:24px;}
.imr h4 { font-size:16px; margin:10px 0; text-align:center; font-weight:bold}
.imr h5 { font-size:20px; margin:10px 10px 0 0; letter-spacing:-1px}
.imr h5 a { font-size:20px; margin:10px 10px 0 0; letter-spacing:-1px}
.imr h5 a:hover {color:#FF6600;}
.imr span a:hover {color:#FF6600;}
.imr a:hover {color:#FF6600;}
.imr div { padding:10px; border:1px solid #CCC}
.imr .english {color:#663300}
.imr .english h2 {color:#663300}
.imr p {font-size:14px}
.imr p span {color:#663300}
.imr table { width:100%; margin:20px 0}
.imr td { padding:2px; margin:2px; vertical-align:top}
.consultation {margin:10px 0}
.consultation h6 {width:200px; display:inline-block; float:left; height:60px; margin:0 50px 0 0}
.consultation p {min-height:60px; margin: 0}
.consultation span {background-color: #FC0; margin:10px; float:none; padding:2px 10px; font-weight:bold}
.historique {margin:20px 0; border:1px solid #ccc; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px;}
.historique img {width:270px; height:120px; margin:10px 7px 0 7px}
.historique p {margin:4px 8px; padding:0; width:266px}
.imrunder { margin:10px 0 20px 0; padding:4px; background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px;}
.imrunder .english {text-align:right;}
.imrunder h1 {font-family:"AlteHaasGrotesk", Arial, Helvetica, sans-serif; font-size:64px; letter-spacing:-3px; text-decoration:none; padding:0; margin:0 4px; color:#FF6600; line-height:48px;}
.imrunder h1 a {font-family:"AlteHaasGrotesk", Arial, Helvetica, sans-serif; font-size:64px; color: #FF6600; letter-spacing:-3px; text-decoration:none; padding:0; margin:0 2px 10px 0;}
.imrunder h1 a:hover {font-family:"AlteHaasGrotesk", Arial, Helvetica, sans-serif; font-size:64px; letter-spacing:-3px; text-decoration:none; padding:0; margin:0 2px 10px 0; color:#FF3300}
.imrunder h1 span {text-align:right}
.imrunder h3 {text-transform:uppercase; font-size:14px; margin:0; font-weight:normal;color:#FF6600; }
.imrunder span {display: inline-block; float:left; font-size:12px; padding:1px 8px; margin:0 0 0 2px; background-color:white; font-weight:normal; text-transform:uppercase}
.imrunder span a { text-decoration:none; color:#333 }
.imrunder span a:hover { text-decoration:none; -webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s; color:#FF6600}
.remix {margin:20px 0; border:1px solid #ccc; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px;}
.remix span {display:inline-block; float:right; margin:4px 4px;}
.remix img { border:3px solid white; margin:0;}
.remix img:hover {border:3px solid #363; -webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s;}
.remix p {margin:6px 0;}
.remix h1 {font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight:normal; text-transform:uppercase; color:#333333; line-height:28px}
.remix h2 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:normal; text-transform:uppercase; margin:10px 0; color:#333333; text-align:left; line-height:20px}
.remix h2 a {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:normal; text-transform:uppercase; margin:30px 0 4px 0; text-align:left; line-height:20px}
.remix h2 a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:normal; text-transform:uppercase; margin:30px 0 4px 0; color:#ffcc00; text-align:left; line-height:20px}
.remix h3 { text-transform:uppercase; font-size:16px; font-weight:normal; margin:40px 0 4px 4px }
.remix h3 a { text-transform:uppercase; font-size:16px; font-weight:normal; }
.remix h3 span { visibility:hidden; text-transform:none; position:absolute; margin:0 0 10px 40px}
.remix a:hover {color:#393; text-decoration:none}
.remixmenu {height:40px;}
.remixmenu img {width:56px; height:23px; z-index:10 }
.remixmenu img:hover {width:100px; height:50px; position:absolute; z-index:11}
.logos:hover { opacity:.8}
.tgt { font-family:"AlteHaasGrotesk", Arial, Helvetica, sans-serif; font-size:50px; color:#111; letter-spacing:-3px; text-decoration:none; line-height:40px; padding:0; margin:0}
#menucontext { color: #333; vertical-align:middle; z-index:12; position: relative; float:right}
#menucontext h4 { font-size:12px; float:left; padding:0 10px; margin:4px 0;}
#visible { visibility:visible}
/* pieds de page --------------------------------------*/
.pieds { padding:4 0 0 0; font-variant:small-caps; color:#333; }
.pieds a { background-color:white; margin:0}
.pieds div { float:left; margin:0 0 0 25px; display:inline-block; line-height:24px; width:228px }
.pieds div a {color: #333; background-color:white; text-decoration:none; line-height:14px}
.pieds div a:hover {color: #EDCA05; background-color:white; text-decoration:none;}
.pieds h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#555; text-transform:uppercase; line-height:18px; letter-spacing:-1px; }
.pieds h3 { font-size:17px; margin:12px; font-variant:small-caps; line-height:17px; font-family:Arial, Helvetica, sans-serif; }
.pieds h3 a {font-size:17px; color:#333; text-decoration:none; font-weight:normal; font-variant:small-caps;}
.pieds h3 a:hover { text-decoration:none; color:#EDCA05; }
.pieds h4 { margin:12px; font-size:14px; line-height:15px; color:#333; font-family:Arial, Helvetica, sans-serif;}
.pieds h4 a { color:#333; }
.pieds h4 a:hover {text-decoration:none; color:#EDCA05;}
.pieds2016 a { background-color:white; margin:0; color:#333;}
.pieds2016 a:hover {color: #EDCA05; background-color:white; text-decoration:none;}
.pieds2016 {font-family:Arial, Helvetica, sans-serif; }
.pieds2016 h2 {margin:1em 0 0 0; font-weight:bold; color:#555; text-transform:uppercase; letter-spacing:-1px; font-size: 1.6em; line-height:.95em }
.pieds2016 h3 { margin:1em 0 0 0; text-transform:uppercase; font-weight:normal; font-size: 1em; }
.pieds2016 h3 a {text-decoration:none;}
.pieds2016 h3 a:hover {}
.pieds2016 h4 { margin:1em 0 0 0 ; font-size: 1em }
.pieds2016 h4 a { }
.pieds2016 h4 a:hover {}
/* nouveau contenu */
.beaute {margin:20px 0; border:1px solid #ccc; padding:10px; background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px; vertical-align:top}
.beaute h2 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:normal; text-transform:uppercase; text-align:left;}
.beaute h2 a {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:normal; text-transform:uppercase; margin:30px 0 4px 0; text-align:left; line-height:20px}
.beaute h2 a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:normal; text-transform:uppercase; margin:30px 0 4px 0; color:#ffcc00; text-align:left; line-height:20px}
.beaute p { font-family:Arial, Helvetica, sans-serif; font-size:12px}
.innerbeauty { padding:6px; background-color:white; margin-top:10px}
/* reseaux sociaux */
.facebook {padding-right:8px;}
.facebook a {background: url(images/accueil/facebook-gris.png) no-repeat; text-decoration:none; color: #666;}
.facebook a:hover {background: url(images/accueil/facebook-footer.png) no-repeat; text-decoration:none; color:#FF0000;}
.twitter {}
.twitter a {background: url(images/accueil/twitter-gris.png) no-repeat; text-decoration:none;}
.twitter a:hover {background: url(images/accueil/twitter.png) no-repeat; text-decoration:none;}
.linkedin { margin:0 10px}
.linkedin a {background: url(images/accueil/linkedin_gris.png) no-repeat; text-decoration:none;}
.linkedin a:hover {background: url(images/accueil/linkedin.png) no-repeat;}
.reseaux a {opacity:.5}
.reseaux a:hover {opacity:1}
.bas { text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border-top:1px solid #333333; padding:4 0 0 0; }
.bas a { background-color:white; margin:0 8px}
.bas h2 {margin:0; }
.bas h4 { margin:0; font-size:13px }
.partenaires { padding:4px 4px 4px 0; font-size:10px; text-align:justify; color:#999; border-collapse:collapse; margin:0 }
.partenaires a { text-decoration:none; font-size:12px; color:#666; padding:0 6px 0 0; border-right:1px solid #666}
.partenaires a:hover { text-decoration:underline}
.partenaires h3 { float:left; }
.partenaires h3 a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-decoration:none;}
.partenaires h3 a:hover { text-decoration:underline; }
.droite { text-align:right }
.droite img { border:1px solid #ccc}
.droite img:hover { border:1px solid red}
.diapo { margin:1.5em 0;}
.diapo img { margin:2px; width:237px; height:auto; border:0}
.diapo a:hover {opacity: .7; filter: alpha(opacity=70); -moz-opacity: .7;}
.oursdiapo { font-family: "Courier New", Courier, monospace; font-size: 12px; font-weight: bold; line-height:9px; letter-spacing:-1px; background-color:#dddddd; color:#333; padding:2px; word-spacing:-2px }
.diapo a [title] { opacity:0;}
.diapo1 {display:inline-block}
.diapo2 { margin:2px; visibility:hidden; position:absolute; width:217px; height:110px; opacity: .7; filter: alpha(opacity=70); -moz-opacity: .7; vertical-align:bottom; text-align:center; display:inline }
.diapo2 h2 { background-color:white; margin:31px 0 0 1px; width:217px}
.jaune {color:FFCC00}
.bleu {color: #00ADEE}
.vert {color:#40AE49}
.assemblage {margin:-10px 0 0 -5px; padding:10px 0 30px 0}
.assemblage img { border:0; margin:0; padding:0}
.assemblage a { border:0; margin:0; padding:0}
.assemblage table { border:0; margin:0; padding:0}
.assemblage td { border:0; margin:0; padding:0}
.assemblage div h3 { margin:4px; opacity: .9; filter: alpha(opacity=90); -moz-opacity: .9; background-color: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding:4px; text-align:center; }
.assemblage h4 { margin:4px; opacity: .9; filter: alpha(opacity=90); -moz-opacity: .9; font-weight:bold; line-height:13px}
.assemblage h4 a { background-color:#FFF}
.chrono { font-family: Arial, Helvetica, sans-serif; font-size:11px}
.chrono a { color:#DD1A1E; text-decoration:none; }
.chrono a:hover { color:#DD1A1E; text-decoration:underline; }
.chrono div {margin: 10px 0}
.chrono img { margin:25px 0 0 0}
.chrono h3 { font-size:14px; font-weight:bold; color:#333; text-transform:uppercase; font-weight:normal; line-height:12px; word-spacing:-1px; font-family:Verdana, Geneva, sans-serif }
.chrono h3 a { font-size:14px; color:#333; text-decoration:none; text-transform:uppercase; font-weight:normal }
.chrono h3 a:hover { color:#DD1A1E; text-decoration:none; }
.chrono h4 { font-size:14px; color:#DD1A1E; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; line-height:12px; word-spacing:-1px; padding:10px 0 0 0; font-weight:bold; border-top:1px dotted #DD1A1E }
.chrono h4 a { font-size:14px; color:#DD1A1E; text-decoration:none; text-transform:uppercase; font-weight:bold }
.chrono h4 a:hover { color:#DD1A1E; text-decoration:underline; }
.chrono h5 { font-size:12px; color:#DD1A1E; text-transform:uppercase; font-family: "Courier New", Courier, monospace; line-height:10px; word-spacing:-1px; padding:10px 0 0 0; font-weight:bold; border-top:1px dotted #DD1A1E }
.chrono h5 a { font-size:12px; color:#DD1A1E; text-transform:uppercase; font-family: "Courier New", Courier, monospace; line-height:10px; word-spacing:-1px; padding:10px 0 0 0; font-weight:bold; border-top:1px dotted #DD1A1E text-decoration:none; font-weight:bold }
.chrono h5 a:hover { text-decoration:underline; font-size:12px; color:#DD1A1E; text-transform:uppercase; font-family: "Courier New", Courier, monospace; }
.chrono h6 { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#111111; border:none; text-transform:none; font-variant:normal; margin:0; padding:0}
.chrono h6 a { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#111111; text-decoration:none; border:0; text-transform:none; font-variant:normal; margin:0; padding:0 }
.chrono h6 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:red; text-decoration:none; }
.chrono ul { margin:0; padding:0 2px}
.chrono li { list-style-type: none; text-transform:uppercase; color: red; font-size:10px}
.chrono li:before {
content: "- "; /* on affiche une chaîne de caractère */
}
.chrochro td {color: #DD1A1E; text-transform:uppercase;}
.tablechrono { color: #DD1A1E; text-transform:uppercase; font-size:10px; width:100%}
.tablechrono img { margin:0}
.tablechrono td { padding:2px; margin:0; vertical-align:top}
.tablechrono a { text-decoration:none; color:#DD1A1E }
.tablechrono a:hover { text-decoration:underline }
.tablechronog { color: #DD1A1E; font-size:12px; font-family: Arial, Helvetica, sans-serif; margin-top:10px}
.tablechronog h3 { color: #DD1A1E; font-size:12px; font-weight:bold; margin:0; font-family: Arial, Helvetica, sans-serif;}
.tablechronog td { vertical-align:top;}
.tablechronog a { text-decoration:none; color:#DD1A1E }
.tablechronog a:hover { text-decoration:underline }
.chronopartenaires td { width:11%}
.territoire { margin-left: auto; margin-right: auto; width:400px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:10px; border: 1px dotted #CC00FF; padding:6px; color:#CC00FF }
input.checkbox { border: none; margin:0; }
.methodo h5 { display:inline-block; float:left; width:180px; margin:0 16px 10px 0; font-size:13px; color: #666; font-weight:bold; padding:0; text-align:left}
.methodo h4 { font-weight:bold; font-size:15px}
.methodo h3 { font-weight:bold; text-transform:uppercase}
.methodo span { margin: 4px 0 4px 26px; display:inline-block; float:right}
/* Valises de polices */
@font-face {
font-family: "AlteHaasGrotesk";
src: url('AlteHaasGroteskRegular.ttf');
}
@font-face {
font-family: "AlteHaasGrotesk";
font-weight: bold;
src: url('AlteHaasGroteskBold.ttf');
}
@font-face {
font-family: "Roboto";
src: url('https://www.ateliergrandparis.com/fonts/Roboto-Regular.ttf');
}
@font-face {
font-family: "Roboto";
font-weight: bold;
src: url('https://www.ateliergrandparis.com/fonts/Roboto-Bold.ttf');
}
.trans { opacity: .8; filter: alpha(opacity=80); -moz-opacity: .8; position:absolute;}
.ateliers { opacity: .7;
filter: alpha(opacity=70);
-moz-opacity: .7;
position:absolute;
background-color:white;
padding:2px;
padding:4px; }
#contenu {
width:400px;
margin:0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background:#eee;
padding:20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px;
}
#contenu h1 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; margin:4px; font-weight:normal; text-transform:uppercase; text-align:center}
#contenu h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:normal; text-transform:uppercase; margin:10px 0}
#contenu h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin:4px 0px; }
#contenu h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin:4px 0; text-transform:uppercase; border-top:1px dotted #999999 }
#contenu h5 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin:4px 0; border-top:1px dotted #999999; padding:2px }
#contenu h5 span {text-transform: none; float:none; display: inline; }
#contenu a {font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin:4px 0; border-top:1px dotted #999999; padding:2px; color: #336}
#contenu a:hover {color: #F00}
#contenu img {margin:2px 0px 6px 0px}
#contenu ul { list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#003872; margin: 0 ;
padding: 0 ; }
#contenu li{ padding:0 0 10px 0 }
#contenu li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#003872; text-decoration:none; }
#contenu li a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:red; text-decoration:none; }
.contenu { padding:10px; background-color: white; margin:10px 0;}
.contenu span img { margin:6px 2px}
.flotant { opacity: .8; filter: alpha(opacity=80); -moz-opacity: .8; z-index:13; position:absolute; text-align:right; }
.centre { position:relative; margin-left: auto; margin-right: auto; }
.fontblanc { padding:2px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#333333; font-variant:small-caps;}
.fontblanc a { color:#333333; text-decoration:none;}
.fontblanc a:hover { text-decoration:underline}
.Mworkshop { float:left; margin:8px 10px 0 5px}
.Wtable { border-collapse:collapse; }
.Wgauche { float:left; width:215px; padding:5px 70px 10px 0}
.Wdroite { padding-top:8px; vertical-align:top; text-align:justify; }
.Wprojets { text-align:justify; border-top:1px dotted #666666; border-bottom:1px dotted #666666; }
.Wligne { border-top:2px dotted #666666}
.Wligne h1 a { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:red; text-decoration:none; text-transform:none}
.Wligne h1 a:hover { color:red; text-decoration:underline; text-transform:none; }
a.info { position: relative; text-decoration: none; color: #333333; }
a.info span { display: none; }
a.info:hover { z-index: 500; color: red; }
a.info:hover span { display: inline; position: absolute; top: 30px; left: 0; background: white; text-align: justify; color: #333333; padding: 4px; border: 1px solid #999999; width:250px }
.top { font-family:Arial, Helvetica, sans-serif; font-size:120px; color:#333333; letter-spacing:-2px; text-decoration:none; text-align:right; }
.top a { text-decoration:none;}
.top a:hover { color:red; text-decoration:none;}
.gt { font-family:"AlteHaasGrotesk", Arial, Helvetica, sans-serif; font-size:42px; color:#333333; letter-spacing:-2px; text-decoration:none; line-height:36px; margin:20px 0 }
.gt span {font-family:Arial, Helvetica, sans-serif; font-size:30px; line-height: 40px; text-transform:none}
.orange { font-weight:bold; letter-spacing:-1px; line-height:16px; font:Arial, Helvetica, sans-serif 12px }
.orange a { color:#C60; text-decoration:none}
.orange a:hover { color:#C60; text-decoration:underline}
/*
h1 { font-family: Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#333333; text-transform:uppercase; letter-spacing:-2px; word-spacing:-2px; }
h1 a { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#333333; text-decoration:none; text-transform:uppercase;}
h1 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:red; text-decoration:none; text-transform:uppercase;}
h1 span { font-size:12px; letter-spacing:normal; line-height:12px}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#555; text-transform:uppercase; }
h2 a { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#555; text-decoration:none; text-transform:uppercase; }
h2 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:red; text-decoration:none; text-transform:uppercase; }
h2 span {font-size:16px; letter-spacing:normal; word-spacing:normal}
*/
h3 {font-size:14px; font-weight:bold; color:#111111; font-variant:normal; }
h3 a:hover { text-decoration:underline; }
h3 ol li a { color:#333}
h3 ol li a:hover { color: #666}
ol li h3 { padding-top:6px; border-top: 1px dotted #999 }
.eth3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#111111; font-variant:normal; }
.eth3 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#111111; font-variant:normal; text-decoration:none;}
.eth3 a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#111111; font-variant:normal; text-decoration:underline; }
/*
h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#111111; }
h4 a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#111111; text-decoration:none; }
h4 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:red; text-decoration:none; }
*/
/*
h5 { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#111111; }
h5 a { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#111111; text-decoration:none; }
h5 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:red; text-decoration:none; } */
/*
h6 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#111111; font-variant:small-caps; border-top:1px #111111 dotted; padding:1px; }
h6 a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#003872; text-decoration:none; background-color: #FFF; }
h6 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:red; text-decoration:none; }
*/
h7 { font-family:Arial; font-size:13px; font-weight:bold; color:#222 }
h7 a { font-family:Arial; font-size:13px; font-weight:bold; color:#222; text-decoration:none; }
h7 a:hover { color:#222; text-decoration:underline; }
h8 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#111111; text-transform:uppercase }
h8 a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#003872; text-decoration:none;}
h8 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:red; text-decoration:none; }
h9 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#111111; font-variant:normal; }
h9 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; font-variant:normal; color:#003872; text-decoration:none;}
h9 a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:red; text-decoration:none; }
h10 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#fff; text-transform:uppercase; letter-spacing:-1px; line-height: 14px }
h10 a { color:#fff; text-decoration:none;}
h10 a:hover { text-decoration:underline; }
h10 a:visited { color:#eee}
h11 { display: inline-block; margin:2px 20px 0 0; padding:2px; font-size:14px; font-weight:bold; float:left; font-family:Verdana, Geneva, sans-serif;}
/* table { font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#111111; } */
.gp a { font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight:normal; color:#111111; text-decoration:none; }
.gp a:hover { text-decoration:none; color:red; }
.T1 { margin-top:5px; color:#111111; border-collapse:collapse; }
.T1 td { margin:0px; color:#111111;}
.T1 a { color:#111111; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-variant:small-caps; text-decoration:none; ; font-weight:
bold; }
.T1 a:hover { text-decoration:underline; color:#111111; font-variant:small-caps; font-weight:
bold; }
.T2 { border-collapse:collapse; }
.T2 td { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#111111; font-variant:small-caps; border-top:2px #666 dotted; padding:6 0;}
.T2 a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#111111; font-variant:small-caps; text-decoration:none; }
.T2 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:red; font-variant:small-caps; text-decoration:none; }
.T3 { margin-top:10px; color:#111111; border-collapse:collapse; }
.T3 td { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#111111; }
.T3 a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#111111; text-decoration:none; }
.T3 a:hover { color:red; text-decoration:none; }
.T4 { border-collapse:collapse; }
.T4 td { padding:2px 0; }
.T4 a { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#111111; font-variant:small-caps; text-decoration:none; }
.T4 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:red; font-variant:small-caps; text-decoration:none; }
.T5 { border-collapse:collapse; }
.T5 td { border-top:1px #666 dotted; padding:6px 0 6px 0; }
.T5 a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none; }
.T5 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:red; text-decoration:none; }
.T6 { margin-top:5px; color:#111111; border-collapse:collapse; border-top:1px dashed #111111;}
.T6 td { margin:0px; color:#111111; border-top:1px solid #999999; }
.T6 a { color:#111111; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-variant:small-caps; text-decoration:none; font-weight:
bold; }
.T6 a:hover { text-decoration:underline; color:#111111; }
.T7 { border-collapse:collapse; }
.T7 td { padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #999999; vertical-align:top; }
.T7 a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#003872; text-align:justify; }
.T7 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:red; text-decoration:none; }
.T8 { border-collapse:collapse; }
.T8 td { padding:4px 2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-top:1px #666 dotted; vertical-align:top; }
.T8 a { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#003872; text-align:justify; }
.T8 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:red; text-decoration:none; }
.T8 h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#666666; font-variant:small-caps; }
.T8 h2 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#666666; text-decoration:none; font-variant:small-caps; }
.T8 h2 a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:red; text-decoration:none; font-variant:small-caps; }
.T8 h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#111111; }
.T8 h4 a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#111111; text-decoration:none; }
.T8 h4 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:red; text-decoration:none; }
.T8 ul { list-style: square; font-size:12px; font-weight:normal; color:#003872; margin:5px; }
.T8 li { margin:5px; }
.animarep { border:1px solid grey; }
.animarep a { color:white; text-decoration:none; }
.animarep a:hover { color:white; text-decoration:underline; }
/*.construire td a { color:#006; text-decoration:none; font-size:14px}
.construire td a:hover { color:red; text-decoration:none; text-align:left}
.construire td { font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px dotted #999999; vertical-align:top; text-align:justify }*/
.T9 { border-collapse:collapse; margin-top:20px}
.T9 td { padding:4px; vertical-align:top; }
.T9 a { text-decoration:none; color:#333333; }
.T9 a:hover { color:black; text-decoration:underline; }
.T10 { border-collapse:collapse; margin-top:20px;}
.T10 td { vertical-align:top; margin:0; padding:2px }
.T10 td h3 { border-top:1px dotted #333; padding:10px 0 0 20px; margin:0 10px; }
.T10 ul { padding:0; margin:0;}
.T10 li { font:Arial, Helvetica, sans-serif 12px; padding:5px 0; list-style-position:inside;}
.T11 { border-collapse:collapse; }
.T11 th { padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #999999; vertical-align:top; text-align:center }
.T11 td { padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #999999; vertical-align:top; text-align:right }
.T11 a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#003872; }
.T11 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:red; }
.T12 { margin-top:5px; color:#111111; border-collapse:collapse; border-top:1px dotted #111111; width:100%; }
.T12 td { margin:2px; color:#111111; border-top:1px solid #999999; padding:10px }
.T12 a { color:#111111; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-variant:small-caps; text-decoration:none; font-weight:bold; }
.T12 a:hover { text-decoration:underline; color:#111111; }
.frame1 { width: 270px; height: 390px; border-top:2px black dashed; border-bottom:2px black dashed; padding:4px 0 4px 0; }
#map_canvas { height: 100% }
#map {
position:absolute;
top:50%;
left:50%;
margin:-300px 0 0 -450px;
width:900px;
height:600px;
}
.gauche {text-align:justify; width:270; }
.left {text-align:justify; }
.ours ul { list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#003872; margin:0 ;
padding:0 ; }
.ours li { border-top:1px dotted #333333; }
.ours li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#003872; text-decoration:none; }
.ours li a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:red; text-decoration:none; }
.ours9 ul { list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#003872; margin: 0 ;
padding: 0 ; }
.ours9 li { border-bottom:1px dotted #111111; padding:0 0 10px 0 }
.ours9 li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#003872; text-decoration:none; }
.ours9 li a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:red; text-decoration:none; }
.biblio ul { list-style:none inside; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#333333; margin: 0 ;
padding: 0 ; }
.biblio li { border-top:1px dotted #cccccc; padding:0 0 15px 0; }
.biblio li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#003872; text-decoration:none; }
.biblio li a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:red; text-decoration:none; }
.lemenu { border:0; margin:0 0 6px 0; padding:0; border-collapse:collapse; }
.lemenu td { border:0px; margin:0px; padding:0 0 0 20px; font-family:Arial; font-size:11px; font-weight:bold; color:#222; }
.lemenu td a { color:#222; text-decoration:none; padding-left:8px; }
.lemenu td a:hover { color:#222; text-decoration:underline; }
.lemenu2 { border:0; margin:0 0 6px 0; padding:0; border-collapse:collapse;}
.lemenu2 span { background-color: white}
.lemenu2 td { border:0px; margin:0px; padding:0 0 0 10px; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#222; }
.lemenu2 td a { color:#222; text-decoration:none; text-transform:uppercase; background-color: white}
.lemenu2 td a:hover { color:#222; text-decoration:underline; }
.lemenu9 { border:0; margin:0 0 6px 0; padding:0; border-collapse:collapse; }
.lemenu9 td { border:0px; margin:0px; padding:0 0 0 10px; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#222; }
.lemenu9 td a { color:#222; text-decoration:none; text-transform:uppercase; background-color: white}
.lemenu9 td a:hover { color:#222; text-decoration:underline; }
.partenaires { padding:4px; font-size:10px; text-align:justify; color:#999; border-top:1px dotted #666666; border-collapse:collapse; }
.partenaires a { text-decoration:none; font-size:12px; color:#666; padding:0 6px 0 0; border-right:1px solid #666}
.partenaires a:hover { text-decoration:underline}
.partenaires h3 { float:left; }
.partenaires h3 a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-decoration:none;}
.partenaires h3 a:hover { text-decoration:underline; }
.sousmenu9 { border:1px dotted #666666 ; border-collapse:collapse; background:#fff; opacity: .9; filter: alpha(opacity=90); -moz-opacity: .9; margin:0; }
.sousmenu9 td { font-size:11px; font-weight:bold; color:#111; border-top:1px dotted #111111; padding:2px 10px 1px 5px; text-transform: uppercase}
.enattente9 { font-size:11px; color:#ccc; }
.sousmenu10 { border:1px dotted #666666 ; border-collapse:collapse; background:#fff; opacity: .9; filter: alpha(opacity=90); -moz-opacity: .9; margin:0; }
.sousmenu10 td { font-size:11px; font-weight:bold; color:#111; border-top:1px dotted #111111; padding:2px 10px 1px 5px; text-align:left }
.sousmenu { border:1px solid #666666 ; border-collapse:collapse; background:#fff; opacity: .9; filter: alpha(opacity=90); -moz-opacity: .9; margin-left:6px; }
.sousmenu td { font-size:10px; font-weight:bold; color:#111; border-top:1px dashed #111111; padding:2px 10px 1px 5px; }
.enattente { border-collapse:collapse; padding:0; margin:0}
.enattente td { font-size:13px; font-variant:small-caps; color:#ccc; border-top:1px dashed #111111; padding:2px 10px 1px 5px; }
#footer { padding:15px 0 5px 0; color:#999; border-top:1px dotted #999999; text-align:right }
#footer a {color:#111111; text-decoration:none; }
#footer a:hover {color:#111111; text-decoration:underline; }
.lehaut { position:absolute; z-index:10; margin:10px 0 0 546px; font-family:Arial, Helvetica, sans-serif; border-collapse:collapse; }
.lehaut h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#555; text-transform:uppercase; }
.lehaut h2 a { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#555; text-decoration:none; text-transform:uppercase; }
.lehaut h2 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:red; text-decoration:none; text-transform:uppercase; }
.lehaut td { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; border-top:1px dotted #333333; padding:4px 0 1px 0 }
.lehaut a { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#003872; text-align:justify; font-weight:bold; }
.lehaut a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:red; text-decoration:none; font-weight:bold; }
.glossaire {margin:20px 0; border:1px solid #ccc; padding:14px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px;}
.glossaire h2 { font-family: Arial, Helvetica, sans-serif; font-size: 32px; text-transform:uppercase; color:#333333; text-align:left; line-height:20px; float:left; margin:8px 40px 8px 0;}
.glossaire h2 a { font-family: Arial, Helvetica, sans-serif; font-size: 32px; text-transform:uppercase; color:#333333; text-align:left; line-height:20px; text-decoration:none}
.glossaire h2 a:hover { color:#FFCC00; text-decoration:none}
.glossaire td { background-color:#eeeeee; margin:4px; }
.glossaire td h2 { float:left; margin:0 40px 0 0}
.glossaire td h2 a { font-size:24px}
.glossaire dl { list-style:none inside; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#333333; margin: 0 ; padding: 0 ; }
.glossaire dt { border-top:1px dotted #cccccc; font-weight:bold }
.glossaire dd { padding:0 0 15px 0; }
.glossaire dd a { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#444; text-decoration:none; }
.glossaire dd a:hover { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:FC0; text-decoration:none; }
.menuglossaire { list-style:none inside; }
.menuglossaire li { display: inline ; padding:4px; border:1px solid white; background-color: #EEE }
.menuglossaire li a { font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#111111; text-decoration:none;}
.menuglossaire li a:hover {color: #FC0; text-decoration:none; }
#fl_menu{position:absolute; top:50px; left:0px; z-index:9999; width:600px; height:200px;}
#fl_menu .label{padding-left:20px; line-height:50px; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; background:#000; color:#fff; letter-spacing:7px;}
#fl_menu .menu{display:none;}
#fl_menu .menu .menu_item{display:block; background:#000; color:#bbb; border-top:1px solid #333; padding:10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
#fl_menu .menu a.menu_item:hover{background:#333; color:#fff;}
.acceuil { text-align:right}
.acceuil a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#660000; text-decoration:none; font-variant:small-caps; border:1px solid #660000; padding:1px 6px; font-weight:bold}
.acceuil a:hover { color:white; background-color:#660000}
.annonce { width:500px; padding:10px; font-size:12px; text-align:left; background-image:url(ateliersdebats/fond.gif); margin:10px}
.annonce a { text-decoration:none; font-size:14px; color:white}
.annonce a:hover { text-decoration:underline}
.annonce h2 a {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:black; font-variant:normal; text-decoration:none;}
.annonce h2 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:black; font-variant:normal; text-decoration:underline; }
.lieux { padding:4px; font-size:10px; text-align:justify; color:#999; border-top:1px dotted #666666; border-collapse:collapse; }
.lieux a { text-decoration:none; font-size:12px; color:#333; padding:0 6px 0 0; border-right:1px solid #666}
.lieux a:hover { text-decoration:underline}
.lieux h3 { float:left; border-bottom:1px dotted #666666; padding-bottom:10px}
.lieux h3 a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; text-decoration:none; font-variant:normal; }
.lieux h3 a:hover { text-decoration:underline; }
.fiches { width:400px; background-color:white; opacity: .8; filter: alpha(opacity=80); -moz-opacity: .8; border:1px solid #CCC; }
.fiches td { padding:4px; font:Arial, Helvetica, sans-serif #666666; vertical-align:top; margin:0; color:#666666; font-size:10px; }
.fiches h2 { color:#33FFFF; font-size:34px; line-height:28px; border-left:4px solid #3FF; }
.fiches h3 { font-weight:bold; font-variant:small-caps; text-align:right; line-height:14px; border-right:4px solid #3FF; font-size:12px;}
.legende { opacity: .9; filter: alpha(opacity=90); -moz-opacity: .9; border-collapse:collapse; }
.legende ul { list-style:none inside; background-color:white; }
.legende li { display:inline; padding:4px; border:1px solid grey; margin:2px }
.legende img { width:24px}
.legende li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#111111; text-decoration:none;}
.legende li a:hover { color:red; text-decoration:none; }
.note { padding:9px; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:10px; border:1px solid #AAAAAA; color:#555 }
.note a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#444; text-decoration:none; font-variant:small-caps; }
.note a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:red; text-decoration:none; font-variant:small-caps; }
.recrutement { border:2px solid #CCC; padding:10px; margin:5px 5px 40px 5px;}
.stage { border:1px dotted #CCC; padding:10px; margin:10px}
.floatleft { float:left}
/*style liste deroulante conseil */
.contenu { padding:5px;
}
.contenu span img { margin:6px 2px}
/*style liste deroulante conseil */
#improved { font-family:Arial, Helvetica, sans-serif; margin:0; }
#improved ul {margin:0; padding:0;}
#improved li {overflow:hidden; border-top:1px solid #CCC; margin:0; padding:0; }
#improved h2 { font-family:Arial, Helvetica, sans-serif; margin:0 0 10px 0; padding:0; font-size:2em; color:black; text-transform:uppercase; font-weight:normal;}
#improved h2:hover { color:#999; cursor:pointer;}
#improved h2 span { display:inline; float:none}
#improved h3 { font-family:Arial, Helvetica, sans-serif; margin:0 0 10px 0; padding:0; font-size:1.8em; border:0; text-transform:uppercase; color:black; font-weight:normal; line-height:0.9em;}
#improved h3:hover { color:#999; cursor:pointer;}
#improved h4{margin: 0; font-family:Arial, Helvetica, sans-serif; padding:0; font-size:1.2em; border:0; text-transform:uppercase; color:black; font-weight:bold; }
#improved h4:hover { color:#999; cursor:pointer;}
#improved h5{margin: 0;font-family:Arial, Helvetica, sans-serif; padding:0; font-size:1em; border:0; text-transform:uppercase; color:black; font-weight:bold;}
#improved h5:hover { color:#999; cursor:pointer;}
#magnum { font-family:Arial, Helvetica, sans-serif; margin:0; }
#magnum ul {margin:0; padding:0;}
#magnum li { position:relative; overflow:hidden; margin:0; padding:0; }
.conseil { display:none; padding: 5px 10px 15px 0; border-top: 1px dotted #666;}
.conseil .footer {height:200px; width:100%}
.conseil .footer h3 {font-size:1em; float:left; padding:0 8px; margin:2px 0; font-weight:normal}
.conseil .footer h3 span {font-size:.9emx; visibility:hidden}
.conseil .footer h3:hover span {font-size:.9emx; visibility: visible}
.conseil .footer h3 p {font-size:.9emx; margin:0; padding:0; border-top:1px dotted #ccc }
.conseil a { color:#666; text-decoration:none }
.conseil a:hover { color:#000;}
.conseil p {background-color: #FFF; opacity: .9; filter: alpha(opacity=90); -moz-opacity: .9; padding:2px }
.conseil span {background-color: #FFF; opacity: .9; filter: alpha(opacity=90); -moz-opacity: .9; }
.conseil h5 { font-size:1.2em; margin:4px; padding:4px; border:1px dotted #999999 }
.conseil h5 a { font-size:1.2em; margin:4px; padding:0 10px; color:#000000 }
.conseil h5 a:hover {background-color:#333; }
.conseil h6 { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; color:#555; text-transform:uppercase; margin:4px; padding:0; border:0 }
.conseil h6 a { background-color: #FFF; text-decoration:none; color:#555; font-weight:bold;}
.conseil h6 a:hover { background-color: #FFF; color:#FC0;}
.conseil table { margin:0; width:100%; border:0}
.conseil table td {padding:10px; vertical-align:top}
.entete {padding: 5px 10px; border: 1px 0 0 0 dotted #666; text-decoration:none; display:block; }
.flim {border-top:1px solid #999; padding-top:10px; margin-top:8px}
.voir_tous {background: url(images/flechegrise30bas.gif) no-repeat right center; padding-right: 12px; text-decoration: none; color: #0099FF;}
.voir_recent {display: none;background: url(images/flechegrise30haut.gif) no-repeat right center;padding-right: 12px;text-decoration: none; color: #0099FF;}
.replier_tous {background: url(images/flechegrise30haut.gif) no-repeat right center; padding-right: 12px; color: #666666;text-decoration: none;}
.photos img {margin: 10px}
.colloque{height:100px;}
#patrick img {}
.boitefilms { width:420px; margin:8px;}
.conseil2 { font-family:Arial, Helvetica, sans-serif; color:#555; text-transform:uppercase; }
.conseil2:hover {color:#000;}
.conseil3 {font-family:Arial, Helvetica, sans-serif; color:#555; text-transform:uppercase; }
.conseil3:hover { color:#000;}
.baccueil h3 {font-size:30px; }
.baccueil h4 { font-size:11px; font-weight:bold; color:#111111; border-top:1px dotted #111111; text-transform:uppercase; padding:4px; margin:0 0 6px 0; font-family:Arial, Helvetica, sans-serif }
.baccueil h4 a { font-size:11px; color:#111111; text-decoration:none; text-transform:uppercase; font-weight:bold }
.baccueil h4 a:hover { font-size:11px; color:red; text-decoration:none; font-weight:bold }
.menusousite { width:240px; display:inline-block; float:left; margin:10px 10px 20px 0; background-color:#FFFFFF; padding:4px; border:1px dotted grey; -moz-border-radius: 8px;
-webkit-border-radius: 8px; border-radius: 8px; }
.menusousite h1 { margin:8px 0; padding:0; font-size:32px; line-height:24px}
.menusousite h3 { margin:5px 0; padding:0; color:#333; text-transform:uppercase; font-size:11px; }
.menusousite h3 a { color:#333; text-transform:uppercase; font-size:11px;}
.menusousite h3 span { font-weight:normal}
.menusousite h3 a:hover { color:red; text-decoration:none }
.menusousite h4 {font-size:16px; font-weight:bold; color:#444; text-transform:uppercase;}
.menusousite ul { list-style-type:square; margin:0; padding:0 0 0 15px}
.menusousite li { margin:0; padding:0; color:#333; text-transform:uppercase; font-size:11px;}
.menusousite li a { text-decoration:none; color:#333333; font-weight:bold}
.menusousite li a:hover { color:#F00}
.contenusoussite { border-top:1px dotted #666666; text-align:justify }
.contenusoussite h5 { float:left; width:180px; margin:0 10px 10px 0; font-size:14px; color: #333; font-weight:bold; padding:0 8px 0 0; text-align:left; }
.contenusoussite ul {list-style-type:none}
.contenusoussite li {margin:5px 0}
.vimeo {float:right; margin:5px 2px; font-size:12px; border:1px dotted #CCCCCC}
.vimeo p {margin:0; background-color:#FFF}
/*sousmenu worshop */
.menuwork { float: right; margin:4px 0 0 15px; font-size:15px; letter-spacing:-1px; font-family:"Courier New", Courier, monospace; font-weight:bold; line-height:14px}
.menuwork ul {margin:4px 0 4px 25px; color:#000000; list-style-type:square;}
.menuwork li { margin:6px;}
.menuwork a, .menuwork h2 { text-decoration:none; color: #333; -webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s; font-family:"Courier New", Courier, monospace}
.menuwork h2 { }
/*CROAIF */
.croaif h1 {}
.croaif h2 {font-size:30px; }
.croaif h3 {font-size:22px; }
.croaif h3 img {margin:8px 0 8px 12px}
.croaif h4 {}
.croaif iframe {float:right; margin:4px 0 8px 8px}
.datecroaif { width:100%; margin:0}
.datecroaif td { padding:2px; margin:2px}
.datecroaif a { color:#333; text-decoration:none}
.datecroaif a:hover { text-decoration:none; color: red}
.datecroaif h2 { font-family: "Courier New", Courier, monospace; font-weight:bold; font-size:20px; letter-spacing:-2px; line-height:16px; text-transform:uppercase; margin:4px 0}
.datecroaif h2 a { font-family: "Courier New", Courier, monospace; font-weight:bold; font-size:20px; letter-spacing:-2px; line-height:16px; text-transform:uppercase; color:#333;}
.datecroaif h2 a:hover { font-family: "Courier New", Courier, monospace; font-weight:bold; font-size:20px; letter-spacing:-2px; line-height:16px; text-transform:uppercase; }
.cycle1 {font-family: Arial, Helvetica, sans-serif;}
.cycle1 h2 {color: #09C; text-transform:uppercase; }
.cycle1 h3 {font-weight:bold; color:#09C; display:inline; }
.cycle1 a {color:#09C; }
.cycle1 a:hover { text-decoration:none}
.metavideo { display:inline-block; margin:auto; padding-left:100px; vertical-align: auto;}
.cycle2 {font-family: Arial, Helvetica, sans-serif;}
.cycle2 h2 {color:#E6C400; text-transform:uppercase; }
.cycle2 h3 {font-weight:bold; color:#E6C400; display:inline; }
.cycle2 a {color:#E6C400; }
.cycle2 a:hover { text-decoration:none}
.cycle3 {font-family: Arial, Helvetica, sans-serif;}
.cycle3 h2 {color:#40AE49; text-transform:uppercase; }
.cycle3 h3 {font-weight:bold; color:#40AE49; display:inline; }
.cycle3 a {color:#40AE49; text-decoration:none }
.cycle3 a:hover { text-decoration:none}
.croaif a { color:#003872; text-decoration:none}
.croaif a:hover { color: red}
.croaif ul { list-style:square; margin:0; padding:0 14px}
.croaif li { margin:5px 0px}
#sousmenucroaif {margin-left: auto; margin-right: auto;}
.area:hover{opacity:0.8;}
.menumeta { margin:auto; text-transform:uppercase; width:100% }
.menumeta strong { line-height:14px; margin:30px 0 20px 0}
.menumeta img { margin:0 10px 10px 0}
.menumeta dl {float:left; margin:4px 0 4px 35px}
.menumeta dd { margin:4px; font-size:14px;}
.menumeta dt { height:80px}
.menumeta dt h2 { font-size:14px; line-height:13px; margin:5px 0 10px 0; }
.menumeta a, .menumeta h2 { text-decoration:none; color: #333; -webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s;}
.newcycle1 {width:300px; margin: -50px 10px 0 0 }
.newcycle1 a:hover {color: #00ADEE; text-decoration:none; font-weight:bold;}
.newcycle1 h2:hover {color: #00ADEE;}
.newcycle2 { margin: -50px 10px 0 0 }
.newcycle2 a:hover {color: #FFCC00; text-decoration:none; font-weight:bold;}
.newcycle2 h2:hover {color: #FFCC00;}
.newcycle3 {width:300px;; margin: -50px 0 0 10px }
.newcycle3 a:hover {color: #40AE49; text-decoration:none; font-weight:bold;}
.newcycle3 h2:hover {color: #40AE49;}
#menumetabo {
float: right;
height: 100px;
margin-left: 10px;
margin-top: 20px;
}
#menumetabo ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menumetabo li {
float:left;
margin:auto;
padding:0;
background-color:#FFF;
}
#menumetabo li a {
display:block;
width:110px;
color:#000;
text-decoration:none;
padding:5px;
text-transform:uppercase;
}
#menumetabo li a:hover {
color:#666;
}
#menumetabo ul li ul {
display:none;
}
#menumetabo ul li:hover ul {
display:block; background-color:white; border:1px dotted #666666; z-index:10
}
#menumetabo li:hover ul li {
float:none;
}
.liencycle1 {
color: #000; text-decoration:none;
-webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s;
text-transform:uppercase;
border:0;
font-weight:bold;
}
.liencycle1:hover{
text-decoration:none;
color: #00ADEE;
font-weight:bold;
}
.liencycle1 img {border:0}
.liencycle2 img {border:0}
.liencycle2 img {border:0}
.liencycle2 {
color: #000; text-decoration:none;
-webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s;
text-transform:uppercase;
font-weight:bold;
}
.liencycle2:hover{
color:#FFCC00; text-decoration:none;
font-weight:bold;
}
.liencycle3{
color: #000; text-decoration:none;
-webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s;
text-transform:uppercase;
font-weight:bold;
}
.liencycle3:hover{ text-decoration:none;
color:#4aac4d;
font-weight:bold;
}
/* cdt --------------------------------------*/
.cdt { margin:30px 0 6px 0; font-size:12px}
.cdt span {margin:0 40px 0 0;}
.cdt span img { margin:0 4px}
.cdt ul {list-style:none inside; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#333333; margin: 0 ;
padding: 0 ;}
.cdt li { border:1px dotted #cccccc; padding:10px; margin: 4px; display: inline-block}
/* systemes metropolitains --------------------------------------*/
.programmesystemes {margin:20px 0; border:1px solid #ccc; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; background-color:white; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px;}
.programmesystemes div { margin:50px 0;}
.programmesystemes ul { margin:0; }
.programmesystemes li { }
.programmesystemes h1 { font-size:36px; color: #EE1D23; font-weight:normal}
.programmesystemes h2 { font-size:24px; color: #EE1D23; font-weight:normal}
.programmesystemes h3 { font-size:44px; margin: 10px 0; font-weight:normal; font-family:"Courier New", Courier, monospace; line-height:28px; width:300px;}
.programmesystemes h3 span {font-size:14px; float:none; font-weight:bold}
.programmesystemes h4 { font-size:18px; color:red; margin:15px 0 0 0; text-transform:uppercase; font-family:"Courier New", Courier, monospace; font-weight:bold}
.programmesystemes h4 span { font-weight:normal; color:#333333; float:none}
.programmesystemes h5 span { font-size:14px; text-transform:none; font-weight:normal; float:none;}
.programmesystemes h5 { font-size:16px; color: #333; margin:10px 0; text-transform:uppercase; font-weight:bold; line-height:14px}
.questions {font-size:14px; text-transform:uppercase; width:300px; float:right; margin:0 0 10px 10px; padding:4px; border:1px solid #CCC}
.video {display:inline-block; width:284px; text-align:center}
.video h5 {margin:0; color:#333333; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0}
.video h5 a {color:#333333; font-size:12px; text-transform:uppercase}
.video h5 a:hover {color:red}
/* recherche */
#wrapmenu {top: 0; width:100%; margin:0; padding:0; border-bottom:1px dotted #444}
.recherche { width:100%; max-width:1024px; height:auto; padding:3px; text-align:right}
.gsc-control-cse {
font-family: Arial, sans-serif;
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gsc-control-cse .gsc-table-result {
font-family: Arial, sans-serif;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
border-color: grey;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
border-color: #666666;
background-color: #CECECE;
background-image: none;
filter: none;
}
.gsc-tabHeader.gsc-tabhInactive {
border-color: #FF9900;
}
.gsc-tabHeader.gsc-tabhActive {
border-color: #E9E9E9;
background-color: #E9E9E9;
border-bottom-color: #FF9900
}
.gsc-tabsArea {
border-color: #FF9900;
}
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b {
color: #0000CC;
}
.gsc-cursor-page {
color: #0000CC;
}
a.gsc-trailing-more-results:link {
color: #0000CC;
}
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
color: #000000;
}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
color: #008000;
}
.gs-webResult div.gs-visibleUrl-short {
color: #008000;
}
.gs-webResult div.gs-visibleUrl-short {
display: none;
}
.gs-webResult div.gs-visibleUrl-long {
display: block;
}
.gs-promotion div.gs-visibleUrl-short {
display: none;
}
.gs-promotion div.gs-visibleUrl-long {
display: block;
}
.gsc-cursor-box {
border-color: #FFFFFF;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
border-color: #E9E9E9;
background-color: #FFFFFF;
color: #0000CC;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
border-color: #FF9900;
background-color: #FFFFFF;
color: #0000CC;
}
.gsc-webResult.gsc-result.gsc-promotion {
border-color: #336699;
background-color: #FFFFFF;
}
.gsc-completion-title {
color: #0000CC;
}
.gsc-completion-snippet {
color: #000000;
}
.gs-promotion a.gs-title:link,.gs-promotion a.gs-title:link *,.gs-promotion .gs-snippet a:link {
color: #0000CC;
}
.gs-promotion a.gs-title:visited,.gs-promotion a.gs-title:visited *,.gs-promotion .gs-snippet a:visited {
color: #0000CC;
}
.gs-promotion a.gs-title:hover,.gs-promotion a.gs-title:hover *,.gs-promotion .gs-snippet a:hover {
color: #0000CC;
}
.gs-promotion a.gs-title:active,.gs-promotion a.gs-title:active *,.gs-promotion .gs-snippet a:active {
color: #0000CC;
}
.gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * {
color: #000000;
}
.gs-promotion .gs-visibleUrl,.gs-promotion .gs-visibleUrl-short {
color: #008000;
}
/*----------DEBUT SCROLLUP--------------*/
.scrollup {
width:40px;
height:40px;
opacity:0.4;
position:fixed;
display:none;
text-indent:-9999px;
background: url(images/icon_top.png) no-repeat;
transition-duration: 0.3s;
transition-property: all;
}
.scrollup:hover {
opacity:0.9;
}
@media (min-width: 960px) {
#mennumobile {display:none}
#autourdumenu {display:block}
#croix { width:80px; height:80px; visibility:visible; background-image:url(images/invisiblefin.png); position: fixed; top:2.5em; right:1%; border:0; z-index:15;}
#croix:hover { background-image:url(images/invisible.png);}
#plus {width:80px; height:80px; visibility:hidden; background-image:url(images/visiblefin.png); position: fixed; top:2.5em; right:1%; border:0; z-index:14;}
#plus:hover { background-image:url(images/visible.png);}
.under span {float:right; max-width:200px; }
#menu h3 {float:left; }
#logo { position:absolute; z-index:100; background-color:#FFFFFF; margin-top:0}
#menu1 {margin-left:192px}
#menu1 div {margin-left:-10px}
#menu h3:nth-child(6) div { margin-left:-30px}
#menu h3:nth-child(7) div { margin-left:-120px}
#autourdumenu { height:40px}
#menu h3 div {background-image:url(vegas/overlays/18.png) }
#ladate {float:right; position:absolute; margin:-34px 0 0 988px}
.under h1 {font-size:64px; letter-spacing:-3px; line-height:50px; }
.scrollup { bottom:50px; right:100px;
}
}
@media (max-width: 959px){
#autourdumenu {display:none}
#mennumobile {display:block}
.under span {border-top:1px dotted #CCC}
#menu h3 {padding:4px 0; background-color:white}
#croix {display:none}
#plus {display:none}
#menu h3 div {background-color : white }
.under h1 {font-size:32px; line-height:.9em}
.scrollup {
bottom:4px;
right:4px;
}
}
@media (max-width: 1023px) and (min-width:768px) {
/*#croix { width:40px; height:40px; visibility:visible; background-image:url(images/invisiblefin40.png); position: fixed; top:55px; right:2%; border:0; z-index:15;}
#croix:hover { background-image:url(images/invisible40.png);}
#plus { width:40px; height:40px; visibility:hidden; background-image:url(images/visiblefin40.png); position: fixed; top:55px; right:2%; border:0; z-index:14;}
#plus:hover { background-image:url(images/visible40.png);}*/
}
@media (max-width: 767px) {
/*#croix { visibility: hidden; }
#plus { visibility:hidden;}
div#scrollup {
display: none;
}*/
}
/*----------FIN SCROLLUP--------------*/
.accueil div {font-family:Arial, Helvetica, sans-serif; margin:1em 0; width:210px; height:220px; float:left; line-height:.9em}
.accueil h3 { font-family:Arial, Helvetica, sans-serif; font-size:1.5em; margin:0}
.accueil h3 a { font-family:Arial, Helvetica, sans-serif; color:#333333}
.accueil h4 { font-family:Arial, Helvetica, sans-serif; font-size:1.3em; margin:0; border-top: 1px dotted grey }
.accueil a { color:#333333}
.accueil a:hover { color: red; text-decoration:none}