@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px dashed #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ol { margin-left: 2em; }
ol { list-style-type: decimal; }
ul, li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
/*.ie6 legend, .ie7 legend { margin-left: -7px; }*/
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: top; }
/*.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }*/
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button { width: auto; overflow: visible; }
/*.ie7 img { -ms-interpolation-mode: bicubic; }*/
body, select, input, textarea { color: #444; font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; /*font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif*/}
a, a:active, a:visited { color: #9a0000; text-decoration:none;}
a:hover { color: #444; text-decoration:underline;}
/**
* Primary styles
*
* Author: Bruno Patri
*/
/*Layout*/
body {background: #7ac4ed url('../doc_index/fond_page.jpg') repeat-x 0 0;}
h3, h1.titrerouge { font-size:18px; padding-bottom:12px;font-weight:100;}
h4, p { font-size:12px; padding-bottom:12px;}
#page {
width:995px;
margin:0 auto;
}
#haut { background:url('../doc_index/fond_haut.png') no-repeat 0 0; height:528px;position:relative;color:#FFF;}
#haut h1 {
position:absolute;
top:22px;
left:0;
}
#haut h2 {
position:absolute;
top:88px;
left:15px;
color:#eacccc;
font-size:24px;
font-weight:normal;
line-height:22px;
}
#haut h2 span {
font-size:18px;
}
#unosel {
position:absolute;
top:5px;
left:850px;
}
#tel1, #tel2 {
font-size:14px;
font-weight:bold;
}
#tel1 span, #tel2 span{
font-size:20px;
position:relative;
top:2px;
color:#eee;
}
#tel1 {
position:absolute;
top:142px;
left:15px;
}
#tel2 {
position:absolute;
top:142px;
left:215px;
}
#navHaut2 {
position:absolute;
top:147px;
left:415px;
}
#navHaut2 a {
color:#FFF;
font-size:11px;
background:none;
}
#page #navHaut2 a img {
display:none;
}
#navHaut2 li {
display:inline;
padding-left:30px;
}
#infos {
position:relative;
}
#infos ul {
display:none;
position:absolute;
top:12px;
left:12px;
background:url('../doc_index/infos_top.png') no-repeat 0 0;
z-index:100;
width:240px;
padding:10px 0 0 0;
}
#infos:hover ul {
display:block;
}
#infos li {
display:block;
text-align:left;
padding:0;
background:url('../doc_index/infos_middle.png') repeat-y 0 0;
}
#infos li.last {
background:url('../doc_index/infos_bottom.png') no-repeat left bottom;
height:15px;
}
#infos ul a {
padding:5px 5px 5px 15px;
}
#test {
background:url('../doc_index/icones_navHaut2.png') no-repeat 8px -1px;
}
#temoignages {
background:url('../doc_index/icones_navHaut2.png') no-repeat 8px -20px;
}
#infos {
background:url('../doc_index/icones_navHaut2.png') no-repeat 8px -42px;
}
#ami {
background:url('../doc_index/icones_navHaut2.png') no-repeat 8px -63px;
}
#favoris {
background:url('../doc_index/icones_navHaut2.png') no-repeat 8px -82px;
}
#navHaut1 {
font-size:12px;
line-height:18px;
font-weight:bold;
text-transform:uppercase;
}
#navHaut1 a {
color:#000;
display:block;
width:120px;
padding:0;
margin:0;
}
#brochure {
position:absolute;
top:76px;
left:415px;
}
#inscription {
position:absolute;
top:76px;
left:565px;
}
#mail {
position:absolute;
top:76px;
left:712px;
}
#devis {
position:absolute;
top:76px;
left:861px;
}
#haut .ssmenu {
position:absolute;
width:552px;
height:220px;
top:190px;
left:215px;
padding:5px 5px 5px 8px;
display:none;
/*background:url('../doc_index/fond_menu1.jpg') no-repeat 0 0;*/
}
#images, #images .fondMenu {
padding:0;
width:565px;
height:230px;
position:absolute;
top:0;
left:0;
}
#images {
background:#000;
position:absolute;
top:190px;
left:215px;
}
.ssmenu h4 {
padding:0 0 3px 0;
}
.ssmenu li {
text-align:left;
line-height:20px;
/*padding:2px 0;*/
}
#nav .ssmenu a, #navPays .ssmenu a {
font-weight:normal;
padding-left:20px;
display:block;
}
#navPays .ssmenu a {
padding-left:4px;
margin:8px 0;
}
.ssmenu a.en {
background:url('../doc_index/gb.png') no-repeat center left;
}
.ssmenu a.ir {
background:url('../doc_index/ie.png') no-repeat center left;
}
.ssmenu a.ma {
background:url('../doc_index/mt.png') no-repeat center left;
}
.ssmenu a.us {
background:url('../doc_index/us.png') no-repeat center left;
}
.ssmenu a.nz {
background:url('../doc_index/nz.png') no-repeat center left;
}
.ssmenu a.ca {
background:url('../doc_index/ca.png') no-repeat center left;
}
.ssmenu a.es {
background:url('../doc_index/es.png') no-repeat center left;
}
.ssmenu a.de {
background:url('../doc_index/de.png') no-repeat center left;
}
.ssmenu a.au {
background:url('../doc_index/au.png') no-repeat center left;
}
.ssmenu a.it {
background:url('../doc_index/it.png') no-repeat center left;
}
.ssmenu a.as {
background:url('../doc_index/za.png') no-repeat center left;
}
.ssmenu a.ue {
background:url('../doc_index/eu.png') no-repeat center left;
}
.ssmenu a.ar {
background:url('../doc_index/ar.png') no-repeat center left;
}
.ssmenu a.inf {
background:url('../doc_index/inf.png') no-repeat center left;
}
.ssmenu a.ptEcoles {
border-left:solid 10px #017ca5;
}
.ssmenu a.ptFun {
border-left:solid 10px #0f8a55;
}
.ssmenu a.ptStages {
border-left:solid 10px #b78f13;
}
.ssmenu a.ptPro{
border-left:solid 10px #c10000;
}
.ssmenu a.ptPair{
border-left:solid 10px #c53c79;
}
.ssmenu .col1, .ssmenu .col1c {
position:relative;
top:0;
left:0;
width:162px;
}
.ssmenu .col1c {
width:270px;
}
.ssmenu .col2, .ssmenu .col2c {
position:relative;
top:-220px;
left:162px;
width:200px;
}
#drop8 .ssmenu a {
line-height:12px;
margin:4px 0;
}
.ssmenu .col2c {
top:-210px;
left:274px;
width:265px;
}
.ssmenu .col2b {
position:relative;
top:-190px;
left:162px;
}
.ssmenu .col3, .ssmanu .col3c {
position:relative;
top:-440px;
left:370px;
width:190px;
}
#nav a, #navPays a {
color:#FFF;
font-size:12px;
font-weight:bold;
}
#nav a span {
font-size:11px;
font-weight:normal;
}
#nav {
position:relative;
}
#nav .niveau1 {
position:absolute;
width:190px;
height:40px;
padding:5px;
text-align:center;
}
#drop1 {
top:190px;
left:10px;
background:url('../doc_index/drop1_sprite.png') no-repeat 0 0;
}
#drop1 .ssmenu {
top:0;
left:205px;
display:none;
/*background:url('../doc_index/fond_menu2b.jpg') no-repeat 0 0;*/
}
#drop2 {
top:251px;
left:10px;
background:url('../doc_index/drop1_sprite.png') no-repeat 0 0;
}
#drop2 .ssmenu {
top:-61px;
left:205px;
display:none;
/*background:url('../doc_index/fond_menu3.jpg') no-repeat 0 0;*/
}
#drop3 {
top:312px;
left:10px;
/* background:url('../doc_index/drop3_sprite.png') no-repeat 0 0; */
background:url('../doc_index/drop4_sprite.png') no-repeat 0 0;
}
#drop3 .ssmenu {
top:-122px;
left:205px;
display:none;
}
#drop4 {
top:373px;
left:10px;
/* background:url('../doc_index/drop4_sprite.png') no-repeat 0 0; */
background:url('../doc_index/drop7_sprite.png') no-repeat 0 0;
}
#drop4 .ssmenu {
top:-183px;
left:205px;
display:none;
}
#drop5 {
top:190px;
left:785px;
/* background:url('../doc_index/drop5_sprite.png') no-repeat 0 0; */
background:url('../doc_index/drop3_sprite.png') no-repeat 0 0;
}
#drop5 .ssmenu {
top:0px;
left:-570px;
display:none;
}
#drop6 {
top:251px;
left:785px;
background:url('../doc_index/drop6_sprite.png') no-repeat 0 0;
}
#drop6 .ssmenu {
top:-61px;
left:-570px;
display:none;
}
#drop7 {
top:312px;
left:785px;
/* background:url('../doc_index/drop7_sprite.png') no-repeat 0 0; */
background:url('../doc_index/drop5_sprite.png') no-repeat 0 0;
}
#drop7 .ssmenu {
top:-122px;
left:-570px;
display:none;
}
#drop8 {
top:373px;
left:785px;
/* background:url('../doc_index/drop7_sprite.png') no-repeat 0 0; */
background:url('../doc_index/drop5_sprite.png') no-repeat 0 0;
}
#drop8 .ssmenu {
top:-183px;
left:-570px;
display:none;
}
#drop9 .ssmenu {
top:-238px;
left:0px;
display:none;
}
#drop10 .ssmenu {
top:-238px;
left:0px;
display:none;
}
#drop11 .ssmenu {
top:-238px;
left:0px;
display:none;
}
#drop12 .ssmenu {
top:-238px;
left:0px;
display:none;
}
#drop13 .ssmenu {
top:-238px;
left:0px;
display:none;
}
#drop14 .ssmenu {
top:-238px;
left:0px;
display:none;
}
#drop15 .ssmenu {
top:-238px;
left:0px;
display:none;
}
#drop16 .ssmenu {
top:-238px;
left:0px;
display:none;
}
#drop17 .ssmenu {
top:-238px;
left:0px;
display:none;
}
#drop18 .ssmenu {
top:-238px;
left:0px;
display:none;
}
#drop8 #orga {
font-weight:bold;
}
#orga h4 {
padding:16px;
font-size:16px;
}
#navdestination {
position:absolute;
top:440px;
left:15px;
font-size:16px;
font-weight:bold;
}
#choixPays {
position:absolute;
top:467px;
left:811px;
font-size:14px;
font-weight:bold;
color:#9a0000;
}
#navPays {
position:absolute;
top:428px;
left:215px;
}
#navPays li {
display:inline;
font-size:0;
}
#navPays .ssmenu li {
display:block;
line-height:12px;
font-size:12px;
}
/*contenu pages*/
#contenu {
background: url('../doc_index/top_contenu.png') no-repeat 0 0;
padding:20px 0 0 0;
}
#contenu p {
text-align:justify;
}
.titre {
padding:24px 15px;
color: #056789;
font-weight:bold;
}
.professionnel .titre {
color:#c10000;
}
#contenu p.bande {
font-weight:bold;
font-size:16px;
padding:5px 15px;
text-align:center;
margin:10px 180px;
}
.professionnel .bande {
background:#c10000;
color:#FFF;
}
#contenu .professionnel_ p {
margin:0 75px;
}
#contenu p.signature {
text-align:right;
padding-right:30px;
}
#contenu .photocentre {
text-align:center;
padding:10px 0 20px 0;
}
#imprimante {
padding:15px;
}
#corp {
background:#FFF url('../doc_index/bottom_corp.jpg') no-repeat bottom left;
padding:5px 15px 35px 15px;
}
#destination {
}
#destination h1 {
font-size:24px;
color:#FFF;
padding:18px 15px 10px 15px;
margin-top:-10px;
}
.ecole_en {
background:url('../doc_index/round_en.png') no-repeat top right;
}
/*.ecole_en h1 {
background:#017ca5;
border-top:solid 10px #acc9db;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}*/
.general {
background: url(../doc_index/fond_gene.png) no-repeat 0 0;
padding-bottom:60px;
}
.ecole_gen {
background: url(../doc-ecole-de-langues/fond-ecole_gen.png) no-repeat 0 0;
padding-bottom:60px;
}
.ecole_en {
background: url(../doc-ecole-de-langues/fond-ecole_en.png) no-repeat 0 0;
}
.ecole_ir {
background: url(../doc-ecole-de-langues/fond-ecole_ir.png) no-repeat 0 0;
}
.ecole_ma {
background: url(../doc-ecole-de-langues/fond-ecole_ma.png) no-repeat 0 0;
}
.ecole_us {
background: url(../doc-ecole-de-langues/fond-ecole_us.png) no-repeat 0 0;
}
.ecole_nz {
background: url(../doc-ecole-de-langues/fond-ecole_nz.png) no-repeat 0 0;
}
.ecole_ca {
background: url(../doc-ecole-de-langues/fond-ecole_ca.png) no-repeat 0 0;
}
.ecole_au {
background: url(../doc-ecole-de-langues/fond-ecole_au.png) no-repeat 0 0;
}
.ecole_as {
background: url(../doc-ecole-de-langues/fond-ecole_as.png) no-repeat 0 0;
}
.ecole_es {
background: url(../doc-ecole-de-langues/fond-ecole_es.png) no-repeat 0 0;
}
.ecole_ar {
background: url(../doc-ecole-de-langues/fond-ecole_ar.png) no-repeat 0 0;
}
.ecole_it {
background: url(../doc-ecole-de-langues/fond-ecole_it.png) no-repeat 0 0;
}
.ecole_de {
background: url(../doc-ecole-de-langues/fond-ecole_de.png) no-repeat 0 0;
}
.fun_en {
background: url(../doc-programmes-fun/fond-fun_en.png) no-repeat 0 0;
}
.fun_es {
background: url(../doc-programmes-fun/fond-fun_es.png) no-repeat 0 0;
}
.fun_au {
background: url(../doc-programmes-fun/fond-fun_au.png) no-repeat 0 0;
}
.fun_nz {
background: url(../doc-programmes-fun/fond-fun_nz.png) no-repeat 0 0;
}
.fun_ca {
background: url(../doc-programmes-fun/fond-fun_ca.png) no-repeat 0 0;
}
.fun_world {
background: url(../doc-programmes-fun/fond-fun_world.png) no-repeat 0 0;
}
.prof #destination {
background: url(../doc-sejour-professeur/fond-professeur.png) no-repeat 0 0;
}
.stage_eu {
background: url(../doc-stage-entreprise/fond-stage-eu-au.png) no-repeat 0 0;
}
.stage_us {
background: url(../doc-stage-entreprise/fond-stage-us.png) no-repeat 0 0;
}
.stage_ca {
background: url(../doc-stage-entreprise/fond-stage-ca.png) no-repeat 0 0;
}
.stage_en {
background: url(../doc-stage-entreprise/fond-stage-en.png) no-repeat 0 0;
}
.stage_es {
background: url(../doc-stage-entreprise/fond-stage-es.png) no-repeat 0 0;
}
.pair_en {
background: url(../doc-sejour-pair/fond-pair_en.png) no-repeat 0 0;
}
.pair_ir {
background: url(../doc-sejour-pair/fond-pair_ir.png) no-repeat 0 0;
}
.pair_au {
background: url(../doc-sejour-pair/fond-pair_au.png) no-repeat 0 0;
}
.pair_eu {
background: url(../doc-sejour-pair/fond-pair_eu.png) no-repeat 0 0;
}
.professionnel_ {
background: url(../doc-programmes-professionnels/fond-professionnel.png) no-repeat 0 0;
}
.professionnel_en {
background: url(../doc-programmes-professionnels/fond-professionnel_en.png) no-repeat 0 0;
}
.professionnel_ir {
background: url(../doc-programmes-professionnels/fond-professionnel_ir.png) no-repeat 0 0;
}
.professionnel_ma {
background: url(../doc-programmes-professionnels/fond-professionnel_ma.png) no-repeat 0 0;
}
.professionnel_us {
background: url(../doc-programmes-professionnels/fond-professionnel_us.png) no-repeat 0 0;
}
.professionnel_es {
background: url(../doc-programmes-professionnels/fond-professionnel_es.png) no-repeat 0 0;
}
.professionnel_de {
background: url(../doc-programmes-professionnels/fond-professionnel_de.png) no-repeat 0 0;
}
#contenu h2 {
background:#017ca5;
color:#FFF;
padding:5px 15px;
margin-bottom:12px;
font-size:14px;
font-variant:small-caps;
}
.fun #contenu h2 {
background:#0f8a55;
}
.professionnel #contenu h2 {
background:#c10000;
}
.prof #contenu h2 {
background:#e56815;
}
.pair #contenu h2 {
background:#94134d;
}
.stage #contenu h2 {
background:#b78f13;
}
.texte #contenu h2 {
background:#9a0000;
}
#colones {}
.actu #colones {
padding:10px 75px;
}
#colones .part1 {
width:455px;
float:left;
padding-right:26px;
border-right:solid 1px #e0e0e0;
}
#colones .part2 {
width:455px;
float:right;
}
/*qcm*/
#qcmLeft {
float:left;
width:215px;
}
#qcmRight {
float:right;
width:215px;
}
#qcmRight .dest, #qcmLeft .dest {
float:none;
width:214px;
}
#qcm {
float:left;
width:500px;
}
#qcm .part1, #qcm .part2 {
width:220px;
float:left;
padding:0 0 0 20px;
}
#qcm .part2 {
float:right;
}
#formPrincipal #qcm input {
width:auto;
}
/* tarifs */
#tarifs {
clear:both;
padding-top:30px;
}
#tarifs table, .ecoles table, .stage table {
margin:15px 0;
width:100%;
}
#tarifs td, #tarifs th, .fun td, .fun th, .ecoles td, .ecoles th, .stage td, .stage th {
border-right:2px solid #FFF;
border-bottom:1px solid #017ca5;
padding:2px 5px;
}
#tarifs td, .fun td {
text-align:right;
}
.prof #tarifs td, .prof #tarifs th {
border-bottom:1px solid #e56815;
}
.stage #tarifs td, .stage #tarifs th, .stage td, .stage th {
border-bottom:1px solid #b78f13;
}
.pair #tarifs td, .pair #tarifs th {
border-bottom:1px solid #94134d;
}
.professionnel #tarifs td, .professionnel #tarifs th {
border-bottom:1px solid #933405;
}
.fun td, .fun th {
border-bottom:1px solid #009a00;
}
.texte #tarifs td, .texte #tarifs th {
border-bottom:1px solid #9a0000;
}
#tarifs .desc {
padding:12px;
}
#tarifs p {
clear:both;
font-style:italic;
padding:0;
}
/*classes*/
.normal {
font-weight:normal;
}
/*.prof .titre, .texteorange {
color: #e56815;
}
.stage .titre, .textemarron {
color:#b78f13;
}
.professionnel .titre, .textebordeau {
color:#933405;
}*/
.textebordeau {
color:#c10000;
}
.pair .titre, .textemauve {
color:#94134d;
}
.texterouge {
font-size:14px;
color: #9a0000;
}
.textebleue {
color: #017CA5;
}
.textevert {
color: #0F8A55;
}
.fondbleuclair {
background:#acc9db;
}
.fondbleufonce {
background:#017ca5;
color:#FFF;
}
.fondvertclair {
background:#94d5b9;
}
.fondvertfonce {
background:#0F8A55;
color:#FFF;
}
.fondorangeclair {
background:#e5c3ac;
}
.fondorangefonce {
background:#e56815;
color:#FFF;
}
.fondmarronclair {
background:#d5c9a6;
}
.fondmarronfonce {
background:#b78f13;
color:#FFF;
}
.fondmauveclair {
background:#d0a2bb;
}
.fondmauvefonce {
background:#94134d;
color:#FFF;
}
.fondbordeauclair {
background:#ffcc99;
}
.fondbordeaufonce {
background:#C10000;
color:#FFF;
}
.fondrougeclair {
background:#e8c8c8;
}
.fondrougefonce {
background:#9a0000;
color:#FFF;
}
/*.bande {
text-align:center;
font-size:1.1em;
font-weight:bold;
margin:0;
padding:5px;
background:#933405;
color:#FFF;
}*/
.info {
margin:60px 0 12px 0;
padding:0;
background:url(../doc-ecole-de-langues/middle-info.png) repeat-y 0 0;
text-align: left;
}
.info em {
font-style: normal;
font-weight: bold;
}
.info strong {
display:block;
background:url(../doc-ecole-de-langues/top-info.png) no-repeat 0 0;
padding:3px 0 10px 24px;
color:#FFF;
font-variant:small-caps;
}
.info span {
display:block;
background:url(../doc-ecole-de-langues/bottom-info.png) no-repeat bottom left;
padding:8px 20px 10px 20px;
}
.prof .info{
background:url(../doc-sejour-professeur/middle-info.png) repeat-y 0 0;
}
.prof .info strong {
background:url(../doc-sejour-professeur/top-info.png) no-repeat 0 0;
}
.prof .info span {
background:url(../doc-sejour-professeur/bottom-info.png) no-repeat bottom left;
}
.professionnel .info{
background:url(../doc-programmes-professionnels/middle-info.png) repeat-y 0 0;
}
.professionnel .info strong {
background:url(../doc-programmes-professionnels/top-info.png) no-repeat 0 0;
}
.professionnel .info span {
background:url(../doc-programmes-professionnels/bottom-info.png) no-repeat bottom left;
}
.encadrebleu, .encadrevert, .encadremarron, .encadremauve, .encadrebordeau {
margin:20px 15px;
padding:10px;
text-align:left;
background: #acc9db;
border: 1px solid #017ca5;
}
.encadrevert {
background: #94d5b9;
border-color:#0f8a55;
}
.encadremarron {
background: #d5c9a6;
border-color:#b78f13;
}
.encadremauve {
background: #d0a2bb;
border-color:#94134d;
}
.encadrebordeau {
background: #d9a287;
border-color:#933405;
}
/* formulaire */
#contactPermanent {
background:#e0e0e0 url('../doc_index/top_contactPermanent.png') no-repeat 0 0;
padding:15px 0 0 0;
position:relative;
z-index:100;
}
#contactPermanent .contactWrap {
background:#e0e0e0 url('../doc_index/bottom_contactPermanent.png') no-repeat bottom left;
padding:0 15px 31px 15px;
}
#contactPermanent .noDisp {display:none;}
#contactPermanent #colA, #contactPermanent #colB {width:350px;float:left;}
.contact #formPrincipal {border-radius:15px;padding: 15px;background:#e0e0e0 url('../doc_index/globe_contactPermanent.jpg') no-repeat 650px center; }
#formPrincipal {background:url('../doc_index/globe_contactPermanent.jpg') no-repeat center right; }
#formPrincipal label {width:140px;display:block;float:left;text-align:right;padding-right:5px;font-weight:bold;}
#formPrincipal input{ width:150px;} #formPrincipal textarea {width:310px;height:150px;clear:left;} #formPrincipal #submit{width:120px;}
#formPrincipal select{ width:160px;}
#formPrincipal p {clear:left;font-size:11px;}
#formPrincipal p{text-align:left;}
#formPrincipal legend{ font-size:18px;color:#9a0000; padding-bottom:18px;}
#formPrincipal a {color:#333;} #formPrincipal a:hover {color:#600;}
#formPrincipal p.sendForm {text-align:right; padding-right:300px;}
.contact #formPrincipal p.sendForm {padding:0 0 0 145px; text-align:left;}
#qcm label {float:none; display:inline;}
/*#inscriptionForm {margin:10px;}*/
#inscriptionForm fieldset {border:solid 1px #e0e0e0;padding:10px;}
#page #inscriptionForm .part1, #page #inscriptionForm .part2 {width:435px;}
#inscriptionForm legend {font-size:16px; font-weight:bold; padding:0 4px; margin:0 15px;color:#9a0000;}
#inscriptionForm label {width:230px;display:block;float:left;text-align:right;padding-right:5px;font-weight:bold;}
#inscriptionForm p {clear:left;line-height:20px;}
#inscriptionForm .retrait {padding-left:100px;}
#inscriptionForm .retrait2 {padding-left:250px;}
#page #inscriptionForm p{text-align:left;}
.retrait input{width:120px;}
/*pied de pages*/
#pied {
position:relative;
top:-51px;
background:url('../doc_index/fond_pied.png') repeat-x 0 0;
color:#FFF;
padding:55px 0 10px 0;
font-size:12px;
}
#piedWrap {
width:965px;
margin:0 auto;
}
#pied address {
float:left;
padding-right:10px;
}
.pied1 {
width:555px;
float:left;
padding:10px 0;
}
.pied2 {
width:410px;
float:right;
padding:10px 0;
}
p.pied2 {
font-size:10px;
}
.pied2 img {
vertical-align:middle;
padding-right:10px;
}
#credits {
font-size:10px;
text-align:center;
position:relative;
top:-41px;
}
#credits a, #credits {
color:#000;
}
#pied a {
color:#FFF;
}
.clearfix {
clear:both;
}
.img_gauche {
float:left;
padding-right:10px;
}
.space_left {
padding-left:25px;
}
.space_right {
padding-right:25px;
}
.space_top {
padding-top:25px;
}
.big_space_top {
margin-top:250px;
}
.titrerouge {
color:#9a0000;
}
/*petits encadrés pages pays */
.dest {
width:230px;
height:230px;
border:solid 1px #e0e0e0;
border-radius:10px;
float:left;
margin:5px 6px 5px 0;
}
.dest h3 {
padding:5px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-align:center;
}
#contenu .dest p {
padding:5px;
text-align:left;
}
.dest p img {
float:left;
padding:5px;
}
/*scoller accueil*/
#scroller {
position:relative;
padding-bottom:20px;
min-height:190px;
}
#scrollelements {
width:930px;
margin:0 13px 0 22px;
}
#scrollelements .dest{
display:none;
background:#FFF url('../doc_index/fond_scroller.png') no-repeat 0 0;
height:168px;
width:280px;
padding:5px 10px;
border:0;
margin:0;
}
#scrollelements .dest img {
float:left;
margin:0 3px 3px 0;
padding:0 0 5em 0;
}
#scrollelements .dest p {
font-size:10px;
}
#scrollelements .dest h3 {
text-align:center;
font-size:12px;
font-weight:bold;
padding:7px 0 0 0;
border:0;
}
#scrollelements h3 a {
color:#000;
}
#scrollelements .dest p a {
color:#333;
}
#scrollelements .dest p a:hover {
color:#600;
}
#controls .prev {
position:absolute;
top:80px;
left:0;
}
#controls .next {
position:absolute;
top:80px;
right:0;
}
#controls .sel, #controls1 .sel{
color:black !important;
font-weight:bold;
}
#controls .disabled, #controls1 .disabled{
color:gray;
}
/*accreditations accueil*/
#accreditation li {
display:inline;
}
#accreditation img {
vertical-align:middle;
}
.accredi {
display:none;
}
.accredi div {
background:#e80000;
color:#FFF;
}
/*
* ColorBox Core Style:
* The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*
* User Style:
* Change the following styles to modify the appearance of ColorBox. They are
* ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../doc_index/overlay.png) repeat 0 0;}
.accueil #cboxOverlay{background:#000;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(../doc_index/controls.png) no-repeat -100px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../doc_index/controls.png) no-repeat -129px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../doc_index/controls.png) no-repeat -100px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../doc_index/controls.png) no-repeat -129px -29px;}
#cboxMiddleLeft{width:21px; background:url(../doc_index/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../doc_index/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../doc_index/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../doc_index/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../doc_index/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../doc_index/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../doc_index/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../doc_index/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../doc_index/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
.accueil #cboxClose{top:0; right:0;}
#cboxClose.hover{background-position:-25px -25px;}
/*
* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
* when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*
* The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(../doc_index/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../doc_index/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../doc_index/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../doc_index/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../doc_index/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../doc_index/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../doc_index/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../doc_index/ie6/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
@media all and (orientation:portrait) {
}
@media all and (orientation:landscape) {
}
@media screen and (max-device-width: 480px) {
/* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
* -ms-filter: none !important; font-size:10pt }
* a, a:visited { color: #444 !important; text-decoration: underline; }
* a[href]:after { content: " (" attr(href) ")"; }
* a[rel]:after { content: ""; }
* abbr[title]:after { content: " (" attr(title) ")"; }
* .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
* pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
* thead { display: table-header-group; }
* table, img { page-break-inside: avoid; }
* @page { margin: 0.5cm; }
* p, h2, h3 { orphans: 3; widows: 3; }
* h2, h3{ page-break-after: avoid; }
* img, #haut, #contactPermanent, #pied .pied2, #pied .pied1, #credits, #imprimante { display:none !important;}
* #contenu .part1, #contenu .part2 {float:none; width:100%; border:0}
}