* {
    border: 0;
}

body {
 padding:0;
 margin:0;
 background:#F6FAFF;
 color:#000;
 font:1em arial, verdana, helvetica, sans-serif;
 text-align:center;
 min-height: 100vh;
 display: flex;
 flex-direction: column;
}

#entete {
 background:#F6FAFF;
 margin:0px auto 0 auto;
 padding:0;
 text-align:left;
 width:1200px;
 border:0;
}

ul#nav {
 border-top: 2px solid #2F68C5 ;
 background:#F5FAFF;
 list-style-type: none;
 margin:0px 0 30px 0;
 padding:0 0 0 0;
 position:absolute;

}

ul#nav li {
 float:left;
 background:#F5FAFF;
}

ul#nav li a {
 font:normal 0.9em/22px Arial,sans-serif;
 text-decoration:none;
 color:#fff;
 text-align:center;
 margin:0px 8px 0 0;
 display:block;
 height:23px;
 padding: 0 12px 0 12px;
 border-radius: 0px 0px 5px 5px;
 background: #848E9A;
}

ul#nav li:last-child a {
 margin:0px 0px 0 0;
}

ul#nav li a:hover, ul#nav li a.navselect {
 background: #CC0000;
}

#evitement {
 display:none;
}

#evitement a {
 color: #000;
 text-decoration:none;
}

#evitement a:hover {
 text-decoration:underline;
}

h1 {
 background:#F6FAFF;
 height:100px;
 margin:10px 0 25px 0 ;
}

h1 a span {
display:none;
}

h1 a.accueil {
 color:#fff;
 font:normal 1.2em/40px Berlin Sans FB, verdana, helvetica,sans-serif;
 text-decoration:none;
 letter-spacing:1.4px;
 padding:10px 20px 10px 20px;
 display: block;
 float:left;
 text-align:center;
 margin:40px 0 0 0px;
 width:660px;
 background: #004F91;
 border-bottom-right-radius: 30px 30px;
 border-top-left-radius: 30px 30px;
}

h1 .issat {
    display: block;
    float:right;
    margin:25px 25px 0 0;
    color : #000000;
}

h1 .cnes {
    display: block;
    float:right;
    margin:10px 25px 0 0;
    color : #000000;
}

#entetebanniere {
  width:100%;
  text-align:center;
  margin:0 0 -5px 0;
  padding:10px 0 0 0;
  background:#848E9A;
}

#entetebanniere img {
    margin:0;
    padding:0;
    width:100%;

}

#entetemenu {
  width:100%;
  text-align:center;
  margin:0;
  padding:0;
  background:#4A5F7C;
  height:80px;
}

ul#menu {
width:1200px;
height:80px;
margin:0 auto;
list-style-type:none;
padding:0;
z-index:10;
}

ul#menu li {
float:left;
text-align:center;
padding:0px;
margin:0px;
}

ul#menu li:first-child {
 padding-left:10px;
}

ul#menu li a {
color:#fff;
display:block;
font:normal 1.5em/30px Berlin Sans FB, verdana, helvetica,sans-serif;
letter-spacing:1px;
padding:25px 15px;
margin:0px;
text-decoration:none;
}

ul#menu li a:hover,ul#menu li a:focus, ul#menu li a.selec {
color:#d7bf8c;
}


#conteneur {
 background:#fff;
 margin:0 auto 0 auto;
 padding:0;
 text-align:left;
 width:1200px;
 border:0;
 flex: 1;
}

#contenu {
 margin:0 0 40px 0;
 background: #fff;
 font:normal 1.2em Arial, Helvetica, FreeSans, sans-serif;
}

.margelateral {
    padding: 10px 25px 10px 235px;
}

.margesanslateral {
    padding: 10px 25px 10px 25px;
}

#contenu p {
 text-align:justify;
}

div#contenu h2 {
color:#4A5F7C;
font:normal 2em Berlin Sans FB, verdana, helvetica,sans-serif;
text-align:left;
margin:0.4em 0 1em 0;
padding:0 0 3px 0;
}

div#contenu h2 span {
color:#2F68C50;
float:left;
font-size:0.7em;
margin-top:3px;
}

div#contenu h2 span a {
text-decoration:none;
}

div#contenu h3 {
border-bottom:2px solid #2F68C5;
color:#2F68C5;
font:normal 1.3em calibri, arial, Helvetica, FreeSans, sans-serif;
font-style: italic;
margin:1.5em 0 1em 0;
}

div#contenu h4 {
color:#2F68C5;
border-bottom:1px dotted #2F68C5;
font:bold 1em calibri, arial, Helvetica, FreeSans, sans-serif;
}

div#contenu ul, div#contenu ol  {
margin:0 0 0 25px;
padding:0 0 10px 0;
}

div#contenu li {
padding: 2px 0 3px 4px;
margin-left:0px;
}

div#contenu form {
    font-size: 1em;
}

div#contenu form em {
    font-size: 0.8em;
}


ul#domliste {
margin:20px 0 20px 0;
list-style-type:none;
}

ul#domliste li {
float:left;
text-align:center;
padding:20px 10px;
margin:0px;
width:200px;
}

ul#domliste li.selec {
 background:#FF7F60;
 border-bottom-left-radius: 30px 30px;
 border-top-right-radius: 30px 30px;
}

ul#domliste li a {
color:#000;
display:block;
font:normal 1em helvetica,sans-serif;
letter-spacing:1px;
line-height:1.2em;
padding:0px;
margin:0px;
text-decoration:none;
}

ul#domliste img {
width:187px;
padding-left:13px;
}


ul#vignette {
   display: flex;
   justify-content: space-between;
}

ul#vignette li {
  margin:25px 0 25px -25px;
  list-style-type:none;
  padding:10px 50px;
}

ul#vignette li a {
  display:block;
  height:265px;
  text-align: center;
  text-decoration:none;
}

ul#vignette li a:hover {
  color : #d7bf8c;
}


div#contenu .image {
float:right;
margin:0;
padding:0;
}

div#contenu .ident {
line-height:1.2em;
text-align:justify;
text-indent:2em;
}

div#contenu a {
color:#023680;
}

div#contenu a:hover {
color:#b43313;
}


div#contenu acronym {
border-bottom:1px dotted #accbdf;
cursor:default;
}


 div#lateral {
 float: left ;
 position: relative;
 width : 200px ;
 padding: 0 10px 0 0px;
 margin:15px 00px 0 0;
}

div#lateral h2 { padding: 6px 0px 4px 18px ; line-height: 20px ; font-size: 1.2em ; color: #fff; background:#CC0000;  border-bottom-right-radius: 20px 20px;  }
div#lateral p { font-size: 1.3em ; color: #444560 ; }
div#lateral ul { margin: -16px 0 0 0; list-style-type: none ; border-left: 2px solid #CC0000 ; padding: 10px 0 0 15px ; }
div#lateral li { border-bottom: thin dotted #FF7F5F; margin-bottom:5px; }
div#lateral li a { font-size: 1em ; font-weight: normal ; color: #000000 ; text-decoration: none ;}
div#lateral li a:hover { color: #FF7F5F ; }


.bullecarte { text-align:center; position:relative; font-size:1.3em; height:524px; }

.bullefrance { background:#FF7F60; position: absolute; left:350px; top:200px; width:200px; height:20px; padding:10px; z-index:2;text-decoration:none; }
.bulleeurope  { background:#FECF67; position: absolute; left:600px;  top:100px; width:200px; height:20px; padding:10px; z-index:2;text-decoration:none; }
.bulleinternational { background:#FFE2A4; position: absolute; left:100px; top:300px; width:200px; height:20px; padding:10px; z-index:2;text-decoration:none; }
.bulleregion { background:transparent; position: absolute;  padding:0px; z-index:2;text-decoration:none; font:normal 0.8em calibri, arial, Helvetica, FreeSans, sans-serif;}

.bullefrance:hover,.bulleeurope:hover, .bulleinternational:hover  { background: #F5FAFF; }

.organismes  { font-size: 0.9em ; line-height: 1.4em ; color: #444560 ; }
.organismes2 { font-size: 0.9em ; line-height: 1.2em ; color: #444560 ; }
.formations  { font-size: 1.0em ; line-height: 1.2em ; }
.formations2 { font-size: 0.8em ; line-height: 1.4em ; }
.theme2 { font-size: 0.9em ;line-height: 1.2em ; }
.theme3 { font-size: 0.8em ;line-height: 1.2em ; }
.regions { font-size: 0.9em ; font-weight: normal ; color: #023680 ; text-decoration: none ; }

#form1		      { text-align:center; margin:3px 0 -10px 0;}
#form1 fieldset   { padding:10px; margin: 10px 0px; background:#F5FAFF;  border-bottom-right-radius: 30px 30px; }
#form1 legend     { padding: 0em 0.5em; border:1.1px solid #0f337f; color:#fff; font-weight:bold; background:#0f337f; font-size:90%; text-align:right; }
#form1 label	  { float:left; width:200px; text-align:right; padding:1px 5px 0 0; }
#form1 input, #form1 textarea             { padding:1px; font: normal 1em Arial, sans-serif; background:#fff; border:1px solid #0F337F; margin:1px;  }
#form1 input:focus, #form1 textarea:focus { background:#ffffcc; }
#form1 .button    { background:#fff; border:1px solid #0f337f; color:#000; margin:20px 10px 0 0px; padding:3px 6px; font-weight:bold;}
#form1 p	      { margin: 3px 0;}
#form1 .dec	      { margin: 3px 0 0 133px;}
.formrecherche    { width:700px; }
.formrecherche1   { width:700px; font-size:0.7em; }


#clear {
 height:20px;
 clear:both;
}


 ul#footmenu {
width:1200px;
height:80px;
margin:0 auto;
list-style-type:none;
padding:0;
z-index:10;
}

ul#footmenu li {
float:left;
text-align:center;
padding:0px;
margin:0px;
}

ul#footmenu li:first-child {
 padding-left:10px;
}

ul#footmenu li a {
color:#fff;
display:block;
font:normal 1em/20px Berlin Sans FB, verdana, helvetica,sans-serif;
letter-spacing:1px;
padding:20px 15px;
margin:0px;
text-decoration:none;
}

ul#footmenu li a:hover,ul#footmenu li a:focus, ul#footmenu li a.selec {
color:#d7bf8c;
}

ul#footmenu li.coop {
float:right;

}


#footer {
 position : fixed;
 text-align:center;
 height:60px;
 width:100%;
 background: #848E9A;
 bottom:0px;
 margin:0;
 padding:0;
}

#footer p {
 width:1200px;
 height:60px;
 margin:0 auto;
 color: #fff;
 font:normal 0.9em helvetica,sans-serif;
 text-align:right;
 padding: 20px 40px 0 0;
}

#footer a {
color:#fff;
text-decoration:none;
}

#footer a:hover {
    color: #d7bf8c;
text-decoration:underline;
}