*{
margin:0;padding:0;margin-left:auto;margin-right:auto;color:black;
font-size:1.6vmax;font-family: Verdana,Arial,Helvetica,sans-serif;
}
#formulaire input ,#formulaire textarea, #formulaire select, #formulaire select > option, #formulaire label {font-size:1vmax; }
/* Debut balise standard */
ul{padding-left:2vw;margin-left:0.5vw;color:gray}
p{color:#666;font-size:1vmax;margin-left: 1vmax;margin-right: 1vmax;}
a,a:visited{color:#32475f;text-decoration:none;font-weight:bold}
a:hover{color:#404040;text-decoration:none}
h1{font-family:Verdana;font-weight:bold;font-size:1.56vw;margin:0.97vw;text-align:center;color:#32475f}
h2 {font-family:Verdana;font-weight:bold;font-size:1.56vw;margin:0.97vw;text-align:center;color:#32475f}
h3 {font-family:Verdana;font-weight:bold;font-size:1.56vw;margin:0.97vw;text-align:center;color:#32475f}
/*td,th{font-size:small;padding-left:1em;padding-right:1em}*/
td,th{text-align:left;padding:0.78vw;font-size:1vw;border-collapse:collapse;border-style:solid;border-width:0.09vw;border-color:#069;width:50%;font-weight:normal;color:black}
table{border:0.09vw #32475f;border-collapse:collapse;padding:0.78vw;text-align:center}
ol{ list-style-type:disc;margin-left:3.9vw}
/* fin balise standard */
/* debut menu */
#menu { font-size:1.3vmax; z-index: 99999; }
#menu a {
display:block;
color: #d7e2ef;
text-decoration:none;
font-size:1.6vmax;
}
#menu ul > li > a{
font-size:0.85vmax;
}
#menu > li, #menu > li li {
position: relative;
display:inline-block;
padding: 0.35vw 0.35vw;
background-color: #777;
background-image: linear-gradient(#aaa, #888 50%, #777 50%,#999);
}
#menu > li li { background: transparent none; }
#menu > li li a { color: #444; }
#menu > li li:hover { background:#eee; }
#menu > li:first-child {
border-right: 0.78vw solid #777;
border-radius: 0.78vw 0 0 0.78vw;
}
#menu > li + li {
border-left: 0.09vw solid #aaa;
border-right: 0.09vw solid #777;
}
#menu > li:last-child {
border-right: 0;
border-left: 0.09vw solid #aaa;
border-radius: 0 0.78vw 0.78vw 0 ;
}
#menu > li:hover {
background-color: #999;
background-image: linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);
}
/* (presque) fin de la partie positionnement/déco */
/* dans cette déclaration, on fixe le max-height */
#menu ul {
float:left;
z-index: 9999;
position: absolute;
top: 4vw;
left: 0vw;
max-height:0;
margin: 0; padding: 0;
background-color: #ddd;
background-image: linear-gradient(#fff,#ddd);
overflow: hidden;
transition: 1s max-height 0.3s;
border-radius: 0 0 0.78vw 0.78vw;
}
/* ici on change la valeur de max-height au :hover */
#menu > li:hover ul {
/* à adapter, le minimum est le meilleur mais voyez large ?? */
max-height: 40vmax;
}
/* fin menu */
/* debut page */
#page a{
font-size: 1vmax;
margin-top:0.30vw;
border:none;
}
#page{
width: 90vw;
height: auto;
text-align:justify;
background-color:#f7f8fc;
border:0.01vw solid #32475f;
font-size: 1vmax;
margin-top:0.30vw;
}
#page h1 { font-size: 1.1vmax;}
#page h2 {font-size: 1.1vmax;}
#page h3 {font-size: 1.1vmax;}
/* fin page */
/* debut bandeau */
.titrebandeau {
font-size:1.2vmax;
color:#32475f;
font-family:Verdana;
font-weight:bold;
text-align:center;
padding-top:0.3vw;
background-color:#d7e2ef;
}
#bandeaubaspage
{
clear: both;
float:none;
text-align:center;
line-height: 0.7vw;
font-size:0.7vw;
}
#bandeaubaspage a{
font-size: 0.6vw;
}
#bandeaubaspage li,#bandeaubaspage ul
{
display:inline;
text-align:center;
font-size:0.7vw;
margin-top: 0;
margin-bottom: 0;
}
#bandeaubaspage img {
max-width: 100%;
height: 1vmax;
}
#bandeauphoto{margin-top:30px;width:100%;text-align:justify;background-color:#f7f8fc}
/* fin bandeau */
/* debu img */
img.a-droite
{
float:right;
border-color:white;
height: 12vw;
margin-left: 2vw;
margin-right: 2vw;
}
img.au-centre{ height: 12vw;display:block;margin:0 auto}
img.centre {display:block;margin:0 auto}
img.a-gauche {
float:left;
border-color:white;
height: 12vw;
margin-left: 2vw;
margin-right: 2vw;
}
img {border-style:none;border:0 none}
img.cadre-droite{
float:right;
border-color:white;
margin-left: 2vw;
margin-right: 2vw;
height: 8vw;
}
#imglogigramme{
height:60vw;
border-color:white;
border-style:solid;display:
block;margin:0 auto}
/* fin img */
/* debut bouton */
.bouton {
float:left;
background-color: #F0F0F0;
border: 0.1vw solid #32475f;
}
.bouton:hover , .bouton12:hover
{
color:blue;
}
.bouton12 {
float:left;
border:none;
padding: 0.3vw 0 0.3vw 0;
border-radius:0.15vw;
box-shadow:0.15vw 0.15vw 0.6vw #999;
background:#fff;
color:#555;
}
/*fin bouton*/
p.centre{text-align: center;margin-left:auto;margin-right:auto;}
h2.gauche{text-align:left;margin:1.56vw;}
h3.gauche{text-align:left;margin:1.56vw;}
ul.plan1{margin-left:4vw;margin-right:4vw;list-style-type:none}
li.plan1{font-weight:bold;margin-right:0.5vw;list-style-type:none}
ul.plan{margin-left:4vw;margin-right:4vw;line-height:200%}
li.plan{font-size:1vw;font-weight:bold;line-height:200%;margin-right:0.5vw;list-style-type:none}
li.partenaire{list-style-type:none;text-align:center;padding:5px}
li.decal{margin-right:2.92vw}
table.decal{width:70%;margin-top:1.56vw;margin-bottom:1.56vw}
div#Inscription{position:absolute;top:10px;width:650px;margin-left:30px}
div#Liens{top:160px;margin-left:150px;margin-right:150px;text-align:justify}
.p-centre{height: auto;text-align:justify;margin-bottom: 10vw;}
.liste{ margin-top:1vw;
margin-bottom:1vw;
margin-right: 5vw;
font-size: 1vmax;
}
.liste li{
font-size: 1vmax;
}
.liste2 { font-size: 1vmax; margin-left: 1vmax;margin-right: 1vmax;}
.liste2 li{ font-size: 1vmax;margin-top:1vw;margin-bottom:1vw;}
.decal img { height:4vmax}
.solid{border:0.01vw solid #32475f;text-align:left}
.centrer{text-align:center}
.centrerpdf{margin-left:120px;width:100%}
.gras{ font-size: 1vw;font-weight:bolder}
.grascentrer{text-align:center;font-weight:bolder}
.centrer{text-align:center;}
.couleur-bleue{color:#32475f}
.element{font-size:1vmax;margin:2px}
.separateurs{margin:0.5vw 0.5vw 0.5vw 0.5vw}
.fontcolorbleue{color:#32475f}
.justifier{text-align:justify}
.interligne200{line-height:200%}
.interligne150{line-height:150%}
.tdclient{color:#069;font-weight:bold;text-align:right;background-color:#f6ff12;border-bottom:0}
.tdyantra{color:#069;font-weight:bold;text-align:left;background-color:#ffffe0;border-top:0}
.AccColG{width:10vw;text-align:left;color:#069;font-weight:bold;background-color:#d7e2ef}
.colG{width:18vw;font-weight:bold;}
.tdtitre{color:#069;font-weight:bold;text-align:center;background-color:#d7e2ef}
.PoliceBleuItalic{color:#069;font-style:italic}
.tabletarif{width:90%;margin-top: 2.5vw;}
.tabletarif td{width: 25%;text-align:center}
.tabletarif span{font-weight:bold}
.tabletarif>thead>tr>td{font-weight:bold}
.tabletarif p{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0}
.invisible{display:none}
.ul1{list-style-type:disc}
.titrenone{display:none}
.bandnone{height:0;display:none}
.rien1{display:none;top:220px;position:absolute}
.font1{font-size:1.2vw;font-weight:bold}
.align1{text-align:center;text-decoration:underline}
.bords1{border:0}
.couleur1{color:#3c0;font-family:Arial,Helvetica,sans-serif}
.couleur2{color:#36f;font-family:Arial,Helvetica,sans-serif}
.couleur3{font-size:small;color:#069}
.style1{font-family:Arial,Helvetica,sans-serif}
.font100{font-size:1.48vw}
.font75{font-size:1.171vw}
.font70{font-size:1.074vw}
.font50{font-size:0.78vw;}
.font37{font-size:0.585vw}
.font13{font-size:0.293vw}
.fonti{font-style:italic}
.li1{margin-left:1.9vw;list-style-type:disc}
.ml1{margin-left:0}
.titreh2{clear:both;margin-top:5vw;font-size: 0.75vw;font-weight:bold;font-size:2vw;text-align:center}
.petitfont {font-size:0.8vw;}
.decimal a, .decimal li{
font-size:0.85vmax;
}
.decimal{list-style-type:decimal;}
#tablecompetence a{
font-size:1vmax;
}
#tablecompetence
{
display: block;
width: 98vw;
overflow: scroll;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#tablecompetence th, #tablecompetence td {
width:10vw;
font-size:1vmax;
}
#google input{color:black;text-align: center;margin-left:auto;margin-right:auto;}
#google {margin-top: 3vw;width: 80vw;color:black;text-align: center;margin-left:auto;margin-right:auto;}
#form{margin:0;padding:0;overflow:auto;width:700px;height:500px;z-index:99;font-size:50%}
/* formation.css*/
table.F-body{border-collapse:collapse;border-style:none;border-width:0;border-color:inherit;width:100%;margin-top:1em;margin-bottom:1vw;text-align:left}
table.F-header{border-collapse:collapse;border-style:none;border-width:0;border-color:inherit;width:100%;margin-top:1em;margin-bottom:1vw}
table#F-body{border-collapse:collapse;border-style:none;border-width:0;border-color:inherit;width:100%;margin-top:1em;margin-bottom:1vw;text-align:left}
table#F-header{border-collapse:collapse;border-style:none;border-width:0;border-color:inherit;width:100%;margin-top:1em;margin-bottom:1vw}
.F-header-G{text-align:center;border-style:none;width:17%;font-size:2vw;}
.requis{font-size:1vw;font-weight:bold;color:#069}
.F-liste ul{font-size:1.4vw;margin:0 0.97vw 0 0;padding:0 0.97vw 0 0;list-style-position:inside;list-style-type:circle;display:list-item;visibility:visible;font-weight:normal;color:black;list-style-image:url(Images/double-carre.gif)}
.F-liste li{font-size:1.2vw;margin-left:0.78vw;padding-left:1em;list-style-position:inside;list-style-type:circle;display:list-item;visibility:visible;font-style:italic;font-weight:normal;color:black}
.margin{margin-left:2.92vw;margin-bottom: 0.75vw}
.F-header-C{text-align:center;border-style:none;width:70%;color:#069;font-size:2vw;font-weight:bold}
.F-header-CN{text-align:center;border-style:none;width:72%;font-weight:bold;font-size:1.25vw;}
.F-header-D{text-align:right;border-style:none;font-weight:bold;font-size:1.25vw;color:#069}
.F-colG{font-size:1.3vw;padding-left:1.95vw;margin-left:1.95vw;padding-top:1.95vw;text-align:left;vertical-align:top;border-style:none;width:20%;color:#069}
.F-Centre{font-size:1.4vw;margin-left:1vw;padding-left:2vw;padding-top:1vw;text-align:left;vertical-align:top;border-style:none;font-weight:bold;color:#069;
margin-bottom: 2vw;}
.imgFormation{width: 3vw;border-style:none;padding-right:1.5vw;}
.imgFormationpuce{width: 1vw;height:1vw;border-style:none;padding-right:1.5vw;}
.ContenuFormation{left:0.48vw;margin-top:1.95vw;background-image:url(../Images/fond.jpg);font-family:'Times New Roman',sans-serif,Arial;font-weight:normal;color:black;background-color:white;
font-size:1.3vw;margin:0;padding:0;margin-left:auto;margin-right:auto;color:black}
#ContenuFormation{position:absolute;left:0.48vw;margin-top:1.95vw;background-image:url(../Images/fond.jpg);font-family:'Times New Roman',sans-serif,Arial;font-weight:normal;color:black;background-color:white;font-size:0.75vw;margin:0;padding:0;margin-left:auto;margin-right:auto;color:black}
/* debut tableau photo */
#tableauphoto img { width:18vw; }
#tableauphoto td, #tableauphoto td tr {
width:18vw;
padding-top: 0vw;
padding-right: 0vw;
padding-bottom: 0vw;
padding-left: 0vw; }
/* fin tableau photo */
/* debut marquee : text defile */
.marquee {
width: 90%; /*largeur � ajuster */
line-height:4vw;
background:#FFF;
/* border:0.00vw solid #706040;*/
margin: 0 auto;
overflow: hidden; /* masque le d�calage */
white-space: nowrap; /* force sur une m�me ligne */
-webkit-animation: marquee 20s linear infinite;
animation: marquee 20s linear infinite;
}
/* arr�t sur mouseover */
.marquee:hover{
-webkit-animation-play-state: paused;
animation-play-state: paused
}
@keyframes marquee{
0% {
text-indent: 22em /* tout � droite */
}
100% {
text-indent: -22em /* tout � gauche */
}
}
/* fin marquee : text defile */
/* debut bandeau haut*/
#bandeauhaut h1 {
font-size: 1.2vw;display: inline; color: #333399;
}
#bandeauhaut h2{
font-size: 1.2vw;text-align:right;font-style:italic;color: #333399;
}
#bandeauhaut h3{
font-size: 1.2vw;text-align:right;font-style:italic;color: #333399;
}
#bandeauhaut img {
max-width: 100%;
height: 7vw;
}
/* debut bandeau bas*/
/* Ligne 13 */
#titrebandeauh1
{
font-family: Verdana;
font-weight: bold;
font-size: 2.8vw;
margin-top: 0.97vw;
margin-right: 0.97vw;
margin-bottom: 0.97vw;
margin-left: 0.97vw;
text-align: center;
display: inline;
color: #333399;
}
#titrebandeauh2
{
font-family: Verdana;
font-weight: bold;
font-size: 1.5vw;
margin-top: 0.97vw;
margin-right: 0.97vw;
margin-bottom: 0.97vw;
margin-left: 0.97vw;
text-align: right;
font-style: italic;
color: #333399;
}
#fermerimage
{
width:1.5vw;
}
#tableauphoto .loupeimage img
{
width:3vw;
}