/*
    @content Style commun
*/


#site {
    margin: 0 auto;
    max-width: 83.334em;
    *max-width: 83.3em;
    width: 100%;
}
#site:before,
#site:after {
    display: table;
    line-height: 0;
    content: "";
}

#site:after {
    clear: both;
}

#hd {
    margin-bottom: 1em;
}

/*
h1 {font-size:2.5em}
h2 {font-size:2.125em; font-family:MerriweatherBold, Georgia, serif bold; margin-bottom: 10px; font-weight: bold; }
h3 {font-size:1.850em; margin-bottom: 10px;}
h4.spip, h4 {font: normal 1.5em Arial; margin-bottom:1em;}
h5.spip, h5 {font-size:1.4em}
h6 {font-size:1.4em}
*/

h2 {
    border-bottom: 1px solid #000000;
    color: #000000;
    font-family: Merriweather,Georgia,serif;
    font-size : 250%;
    font-weight: bold;
    padding-bottom: 0.17em;
    margin-bottom: 0.33em;
    margin-top: 0.17em;
}

h3, h4, h5, h6 {
    font-weight: bold;
    margin-top: 1em;
}

h3 {
    font-size: 125%;
}

h4 {
    font-size: 115%;
    text-indent: 15px;
}

h5 {
    font-size: 110%;
    text-indent: 25px;
}

h6 {
    font-size: 105%;
    text-indent: 35px;
}

a.spip_out {
    background: url("../images/charte/puces/site-ext.gif") no-repeat scroll right bottom transparent;
    padding-right: 15px;
}

form h3,
.yui3-tab-panel h3 {
    color : #000000;
    font-size : 180%;
    font-family : arial, sans-serif, helvetica, clean;
    border: 0px;
    background-color: transparent;
    padding-top: 1%;
}

form h4,
.yui3-tab-panel h4 {
    color : #000000;
    font-size : 140%;
    font-family : arial, sans-serif, helvetica, clean;
    border: 0px;
    background-color: transparent;
}


/* FORMULAIRE */
.formRecherche {
    border: 1px solid #CCC;
}

.formRecherche .texte {
    padding: 0.5em;
    margin-bottom: 0;
}

.recherche {
    color:#000000;
    margin-bottom:0;
    margin-top:0;
    font-size:115%;
    border:0;
    padding: 0.2em 0 0.2em 0.7em;
    background-color: #F4F2F1;
    min-width: auto;
    font-weight:bold;
}

.yui-panel form,
.yui3-tab-panel form {
    border:0;
}

fieldset.groupeChamps {
    background: #EDF5FF;
    border-bottom: 1px solid #b7cbe0;
    margin-top: 0.5em;
}

fieldset.groupeChamps legend {
    font-weight: bold;
    color: #000000;
    text-indent: 16px;
    *text-indent: -6px;
    min-width: 100%;
    *min-width: 98%;
    *padding: 0 0 0 18px;
    background: #fff;
    border-bottom: 1px solid #b7cbe0;
}

label, .label {
    color: #000;
    font-family : arial, sans-serif, helvetica, clean;
    font-weight:bold;
    font-size: 100%;
}

.infoChamps, .tooltip {
    color: #000;
}

input[type="checkbox"],
input[type="radio"] {
    margin: 6px 6px 6px 0;
}

input[type="text"],
input[type="password"],
input[type="file"],
textarea,
select {
    background-color: #d6eefa;
    border: 0px;
    box-shadow : none;
    font-weight: bold;
    padding: 0px;
    margin-right: 0px;
    text-align: left;
    vertical-align: top;
}

input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover {
    border-color: #4066AA;
    color: #4066AA;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: #ca5110;
    color: #4066AA;
    outline: 0;
}

.readonly input[type="checkbox"],
.readonly input[type="radio"], 
.readonly input[type="text"],
.readonly input[type="password"],
.readonly textarea,
.readonly select {
    background-color: #EFEFEF;
    color: #4066AA;
}

.readonly input[type="text"]:hover, .readonly input[type="text"]:focus,
.readonly input[type="password"]:hover, .readonly input[type="password"]:focus,
.readonly textarea:hover, .readonly textarea:focus,
.readonly select:hover, .readonly select:focus {
    border: 1px solid #b7cbe0;
    color: #4066AA;
    cursor: default;
}

.hornet-rattachement-list {
    list-style: none outside none;
}

/* ERREURS */
.errorBox > div {
    background: #fff;
    color : red;
}
.errorBox a {
    text-decoration:none;
    color : red;
}
.errorBox li {
    list-style-type:none;
}

/* INFO */
.infoBox > div {
    background: #fff;
    color: green;
}
.infoBox li {
    list-style-type:none;
}

/* ICONES */
.icone {
    color: #4066AA;
}

.agenda {
    border: 1px solid #B7CBE0;
    min-width: 20px;
    min-height: 20px;
    padding: 2px 0;
}

.agenda:hover, .agenda:focus {
    border-color: #4066AA;
}

[class^="icon_"], [class*=" icon_"] {
    background-image: url("../images/charte/sprite_general.png");
    background-repeat: no-repeat;
    display: none;
    height: 12px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 12px;
}

.icon_fleche_noire {
    background-position: -62px -34px;
}
.icon_fleche_blanche_deplie {
    background-position: -101px -34px;
}

a { color: #336699; text-decoration: none; font-weight: normal }
a:hover { text-decoration: underline; }

p.texte {
    padding-bottom: 0.5em;
    padding-top: 1em;
    margin-bottom: 0;
}
p.discret {
    font-size:85%;
    color:#666666;
}


ul.style1, .style1 ul {
    margin: 0.5em;
}

.style1 li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0 2.2em;
    background: url("../images/charte/puce_bleue.png") no-repeat scroll 1em 0.3em transparent;
    margin-bottom: 0.5em;
}

/*
    @content Bandeau haut, chemin de fer
*/

/*#a11y { display: none; }*/

#bandeau_appli {
    background-color: #FFFFFF;
    color: #336699;
}
#bandeau_appli h1 {
    background-color: #D6EDFB;
    color: #336699;
}
#bandeau_appli a {
    color: #336699;
    text-decoration: underline;
}

#access_liens , #links {
    list-style: inherit;
    display: inherit;
    margin: inherit;
    padding: inherit;
}
#links li, #access_liens li {
    display: inherit;
    padding: inherit;
    *padding: inherit;
    border-left: inherit;
}
#links .first, #access_liens .first {
    border: inherit;
}

#access_liens, #access_liens a {
    background-color: #CCCCCC;
    color: #000000;
}

#path {
    margin: 0.5em;
}

/*
    @content Menu haut, langue, reseau
*/

.reseau_social {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../images/charte/sprite_general.png");
    background-repeat: no-repeat;
}

.trans_lien { width: 20px; height: 20px; }


.haut_facebook {
    background: url(../images/charte/sprite_general.png) -232px -27px no-repeat;
}
#header.home .haut_facebook:hover,.haut_facebook:hover {
    background: url(../images/charte/sprite_general.png) -162px 0 no-repeat;
    cursor: pointer;
}
.haut_twitter {
    background: url(../images/charte/sprite_general.png) -254px -26px no-repeat;
}
#header.home .haut_twitter:hover,.haut_twitter:hover {
    background: url(../images/charte/sprite_general.png) -206px 0 no-repeat;
    cursor: pointer;
}
.haut_googleplus {
    background: url(../images/charte/sprite_general.png) -276px -26px no-repeat;
}
#header.home .haut_googleplus:hover,.haut_googleplus:hover {
    background: url(../images/charte/sprite_general.png) -294px 0 no-repeat;
    cursor: pointer;
}
.haut_youtube {
    background: url(../images/charte/sprite_general.png) -298px -26px no-repeat;
}
#header.home .haut_youtube:hover,.haut_youtube:hover {
    background: url(../images/charte/sprite_general.png) -118px 0 no-repeat;
    cursor: pointer;
}
.haut_dailymotion {
    background: url(../images/charte/sprite_general.png) -320px -26px no-repeat;
}
#header.home .haut_dailymotion:hover,.haut_dailymotion:hover {
    background: url(../images/charte/sprite_general.png) -338px 0 no-repeat;
    cursor: pointer;
}
.haut_flickr {
    background: url(../images/charte/sprite_general.png) -342px -26px no-repeat;
}
#header.home .haut_flickr:hover,.haut_flickr:hover {
    background: url(../images/charte/sprite_general.png) -250px 0 no-repeat;
    cursor: pointer;
}
.haut_foursquare {
    background: url(../images/charte/sprite_general.png) -364px -26px no-repeat;
}
#header.home .haut_foursquare:hover,.haut_foursquare:hover {
    background: url(../images/charte/sprite_general.png) -427px 0 no-repeat;
    cursor: pointer;
}
.haut_storify {
    background: url(../images/charte/sprite_general.png) -386px -26px no-repeat;
}
#header.home .haut_storify:hover,.haut_storify:hover {
    background: url(../images/charte/sprite_general.png) -382px 0 no-repeat;
    cursor: pointer;
}
.haut_rss {
    background: url(../images/charte/sprite_general.png) -408px -26px no-repeat;
}
#header.home .haut_rss:hover,.haut_rss:hover {
    background: url(../images/charte/sprite_general.png) -471px 0 no-repeat;
    cursor: pointer;
}
.haut_information {
    background: url(../images/charte/sprite_general.png) -430px -26px no-repeat;
    cursor: pointer;
}
#header.home .haut_information:hover,
.haut_information:hover {
    background: url(../images/charte/sprite_general.png) -515px 0 no-repeat;
    cursor: pointer;
}

/* correction fourniture MAE : conflit de règles avec CSS YUI (reset, base) ou hornet défaut */
#menu_reseaux_sociaux, #menu_langues {
    margin-top: 0;
    margin-bottom: 0;
}


.retour_haut,
.retour_haut a {
    position: fixed;
    bottom: 10px;
    right: 10px; 
    width: 80px;
    height: 80px;
}
.retour_haut {
    background: url(../images/charte/fleche_hautdepage2.png) no-repeat;
    text-indent: -9999px;
    cursor: pointer;
}
.retour_haut {
    opacity: 0.5;
}
.retour_haut:hover {
    opacity: 1;
}



/*
    @content Menu bas, bas de page
*/

#pied_de_page {
    margin: 0 0.625em 1em 0.625em;
}

hr {margin: 20px 0; border: 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #ffffff; }

/* = BREVE 
 ---------------------------------------- */
.breve {clear: both; display: block; border: 1px #cccccc solid;  margin-bottom: 1.250em; }
.breve > .intro_breve > h2, .breve > .intro_breve > h3, .breve > .intro_breve > h4, .breve > .intro_breve > h5, .breve > .intro_breve > h6 { 
	padding: .2em 0 .2em .7em;
    font: bold 1.313em Arial;
    margin: 0 0 10px 0;
    border: none;
}
.breve .texte_breve a{ font: bold 1.2em Arial; }
.intro_breve{background: #f4f2f1}
.texte_breve{padding: 3px 10px 3px 10px}
.lire { text-align: right; padding-bottom: 0.625em; }
.lire:before { content: "\00BB \0020"; color: #336699; }
.breve .texte_breve .lire a {font: normal 1em Arial; }

.pied_bas { margin: 10px; }

.interministeriel {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}

.pied_haut_lien {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
}

.pied_content {}
.pied_content h2 {
    font-size: 1.2em;
}
.pied_haut {}
.pied_haut_lien {}