body{font-size:1em;font-family: Arial, Helvetica,sans-serif;color:#555555;}
body,html{width:100%;height:100%;background-color:white;margin:0;}
a{color:#555555}
a:focus,a:active {outline: none;}
body{font-size:62.6%;}

h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
h4 { font-size:1.3em; }
h5 { font-size:1.2em; }
p { font-size:1.1em;  }
a {font-size:1.0em }
.cacher {display:block;margin-top:-5000px;position:absolute !important;margin-left:-50000px;width:1px; overflow:hidden; height:1px;}
img {border:0} 
.clearer {display:block; clear:both; font-size:0px;line-height:0px; } 
ul ,  li { padding:0;margin:0;}

body , html{
    width:100%;
    background:url(../img/fond.gif) top center repeat;
    text-align:center;
}



.clickfs {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:130%;
    z-index:0;
}
.titrebleu {
    color: #1461A5;
    font-weight:bold;
}

#largeur {
    z-index:1;
    text-align:left;
    width:777px;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto;
    background:url(../img/fond_blanc.gif) no-repeat white;
    position:relative;

}

#main {
    margin-left:240px;

}


#include {
    position:relative;
    /*
    margin-left:5px;
    margin-right:5px;
    width:777px;
    */
    margin-top:22px;
}

#middle_section {
    margin-left:5px;
    margin-right:5px;
}
#top_section {
    border:0px solid;
    position:relative;
    margin-left:1px;
    margin-right:1px;
    background:url(../img/bandeau.png);
    height:155px;
}

#logo a {
    position:absolute;
    left:0;
    top:0;
    width:330px;
    height:110px;
}

#logo_ministere {
    position:absolute;
    top:3px;
    right:5px;
}


/*******************
 * EXALEAD Recherche
 ********************/


.exa_box {
    padding:0;margin:0;

    position:relative;
    margin-bottom:0px;
    margin-left:0px;
    zoom:1;

}


.exa_box label {
    position:absolute;
    margin-top:-5000px;
}

.exa_box * {
    float:left;
    padding:0;
}

.exa_box input.text {
    border:1px solid #B4D0E6;
    width:180px;
    color:#1461A5;
    font-size:1.0em;
    padding:2px;

    margin-top:1px;
}

.exa_box input.submitimage {
    border:0;
    margin-left:5px;
}


#exa_iframe {
    width:100%;
    border:0;
    height:500px;
}


/****************************
 * MENU DU BAS
 ***************************/

#bas {
    position:relative;
    height:130px;
    background:url(../img/bas.gif) no-repeat bottom left;
}

#menu_bas {
    list-style-type:none;
    display:inline;
}

#div_menu_bas {
    padding-top:30px;
    text-align:center;
}
#div_menu_bas li {
    display:inline;
    background:url(../img/trait_menubas.gif) no-repeat;
    padding-left:10px;
    padding-right:4px;
}

#div_menu_bas li a {
    color:#1461A5;
    /*letter-spacing:1px;*/
}


#div_menu_bas li.premier {
    background:none;
}	

#retour_haut {
    position:absolute;
    top:0;
    right:10px;
    color:#0F65AD;
    text-decoration:none;
    padding-left:20px;
    background:url(../img/haut_de_page.gif) 0px 4px no-repeat;
}

#retour_haut:hover {
    text-decoration:underline;
}

#div_menu_bas {
    clear:both;
}



/*******************
 *   COLONNE GAUCHE
 ******************/

#colonne_gauche {
    position:relative;
    float:left;
    width:240px;
    margin-top:20px;
}

#col_ressources {
    padding-top:0px;
    background:url(../img/web_fond.png) bottom no-repeat;
}


/**
 * Themes des ressources web
*/ 

#themes_web , #themes_web li {
    margin:0;
    padding:0;
    list-style-type:none;
}

#themes_web {
    margin-left:10px;
    margin-right:10px;
    /*display:table;*/

}

#themes_web li {

    position:relative;
    padding-bottom:5px;
    margin-bottom:5px;
    /*
    display:table-row;
    height:37px;
    vertical-align:middle;	*/
}

#themes_web li.selected ul {
    padding-bottom:5px;
}
#themes_web li.selected ul ul,  
#themes_web li.selected ul li  {
    padding-bottom:0px;
}
#themes_web li.selected {
    padding-top:5px;


    background:url(../img/li_selected.gif) no-repeat bottom white !important;
}


#themes_web li a {
    background:url(../img/picto_test.gif) no-repeat;
    height:3.0em;
    display:block;
    padding-left:45px;

    color:#1461A5;
    font-weight:bold;
    text-decoration:none;
    /*	display:table-cell;
            vertical-align:middle;
    */
    cursor:pointer;
    font-size:1.1em;
    font-family:arial;

}

#themes_web li a span {
    display:block;
    padding-top:5px;
}

#themes_web li li  span {
    display:inline;
}

#themes_web li a span span {
    color:#ff9600;

}

#themes_web li ul, #themes_web li ul li {	
    display:block;
}

#themes_web li ul li {
    margin-left:13px;
    margin-bottom:0;
}

#themes_web li ul li li{
    margin-top:0px;
}

#themes_web li ul li a {
    height:auto;
    padding-left:13px;
    margin-left:32px;
    line-height:1.1em;
    padding-bottom:3px;
    background:url(../img/li_sub.gif) no-repeat 0 2px ;
    font-weight:normal;

}

#themes_web .iehak {
    display:block;width:35px;height:35px;position:absolute;left:4px;top:4px;
}



#themes_web li a:hover {
    text-decoration:underline;
}

#colonne_gauche .exa_box input.text{
    width:160px;
}


#colonne_gauche h2 {
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:13px;
    font-weight:bold;
    margin:0;padding:0;
    color:#1461A5;
    background:url(../img/h2_puce.gif) no-repeat 0 12px;
    padding-left:18px;
    margin-left:15px;
    padding-top:10px;
    margin-bottom:10px;
    zoom:1;
}

#zoom img {
    margin-left:10px;
}
#recherche {
    position:absolute;
    top:140px;
    right:13px;
    width:320px;
}

#colonne_gauche .exa_box {
    margin-left:20px;
    margin-top:10px;

}


#colonne_gauche .exa_box {
    height:50px;
    padding-bottom:0;
}

#menu_gauche , #menu_gauche li {
    list-style-type:none;
    margin:0;
    padding:0;
}

#menu_gauche {
    margin-left:12px;
}

#menu_gauche li a {
    color:#1461A5;
    text-decoration:none;
    cursor:pointer;
    font-size:1.1em;
    font-family:arial;
    display:block;
    padding:2px;
    padding-left:16px;
    margin-right:5px;
    background:url(../img/li_sub.gif) no-repeat 3px 4px ;
    zoom:1;

}

#menu_gauche li a:hover, #menu_gauche li.selected a{
    background:url(../img/li_sub_on.gif) #1461A5 no-repeat 3px 4px ;
    color:white;
}

#col_annexes {
    background:url(../img/annexe_fond.gif) white  no-repeat left bottom;
    margin-left:5px;
    padding-bottom:20px;
    padding-left:15px;
    padding-top:10px;
}

#col_annexes ul, #col_annexes li {
    list-style-type:none;
    padding:0;margin:0;
}


#col_annexes li a {
    color:#1461A5;
    text-decoration:none;
    cursor:pointer;
    font-size:1.1em;
    font-family:arial;
    display:block;
    padding:2px;
    padding-left:16px;
    background:url(../img/li_puce_light.gif) no-repeat 3px 5px ;
    zoom:1;

}

#col_annexes li a:hover  {
    text-decoration:underline;
}


#col_annexes li.selected a  {
    color:#ff9600;
}


#col_annexes li{
    width:110px;
    float:left;
}


/**
 * CHEMIN DE FER
*/

#ocms_road , #ocms_road * {
    color:#88AFD1;
    text-decoration:none;
    font-family:verdana,arial,sans-serif;
}

#ocms_road a:hover {
    color:#1461A5;
    text-decoration:underline;
}


/**
 * CONTENU / PAGE LISTE
*/


#ressources_liste {
    position:relative;
}

.intro .bas {
    height:20px;
    background:url(../img/intro_bas.png);
}

.intro { 	
    zoom:1;
    position:relative;
    width:auto;
    overflow:hidden;
}

.intro .haut {
    min-height:60px;
    width:350px;
}

.nohaut .haut {
    min-height:0
        ;
}

.fond {
    background:white no-repeat top right;
    position:absolute;
    width:75px;
    height:75px;
    top:5px;
    right:20px;
    opacity:0.3;
    filter: alpha(opacity = 30);
}

#main h2 {
    background:url(../img/h2_bleu.gif) no-repeat 0 3px;
    margin:0;padding:0;
    font-size:1.3em;
    font-family:verdana,arial,sans-serif;
    color:#1461A5;
    padding-left:17px;
    margin-top:10px;
}

.nohaut h2 {
    background:url(../img/h3.gif) no-repeat 0 3px !important;
    color:#89B0D2 !important;
}

.intro p {	
    color:#1461A5;
    display:none;
}


.intro p span {	
    color:#FF9600;
}

.intro .sous_cat {
    color:#1461A5;
    font-size:1.2em;
    margin-top:10px;
}

.intro .sous_cat a {
    font-weight:bold;
    color:#1461A5;
    padding-left:13px;
    background:url(../img/li_sub.gif) no-repeat 0 3px;
    text-decoration:none;
}
.intro .sous_cat a:hover  {
    text-decoration:underline;
}
.intro .sous_cat a span {
    color:#FF9600;
}
.intro .sous_cat span.titre {
    display:block;
    float:left;
}
.intro .sous_cat ul , .intro .sous_cat li {
    list-style-type:none;
}
.intro .sous_cat li { 
    margin-bottom:5px;
}
.intro .sous_cat ul {
    float:left;
    margin-left:5px;
}	


/**
 * LISTE DES RESSOURCES
*/ 

#ressources_liste .bloc dd, #ressources_liste .bloc dl,#ressources_liste .bloc dt  {
    padding:0;
    margin:0;
}

#ressources_liste .bloc .clearer {
    width:514px;
    display:block;
}


#ressources_liste .bloc {
    background:url(../img/ressource_liste.png) no-repeat left bottom;
    padding-left:10px;
    padding-bottom:15px;
    margin-top:15px;
    position:relative;
    zoom:1;
}



#ressources_liste .bloc img {

}
#ressources_liste .bloc .img {
    float:left;
    margin:0;
    padding:0;
    width:70px;
    height:60px;
    position:relative;
}

#ressources_liste .bloc .dr {
    margin-left:75px;
    /*height:70px;*/
    /*width:440px;*/
}

#ressources_liste .bloc h3 {
    padding:0;margin:0;
    color:#1461A5;
    font-size:1.2em;
    font-family:arial;
    background:url(../img/li_sub.gif) no-repeat 3px 4px ;
    padding-left:15px;
}

#ressources_liste .bloc dl {
    clear:both;
    padding-top:10px;
}

#ressources_liste .bloc h3 a {
    color:#1461A5;
    text-decoration:none;
}

#ressources_liste .bloc .texte {

}

#ressources_liste {
    float:left;
}
#ressources_liste .bloc p {
    padding:0;margin:0;
    padding-right:10px;
    color:#333333;
    padding-left:5px;
    padding-top:3px;
    line-height:1.0em;
}

#ressources_liste .bloc dl {
    display:block;
}

#ressources_liste .bloc dt {
    color:#1461A5;
    width:70px;
    float:left;
    text-align:right;
    font-size:1.1em;
}

#ressources_liste .bloc dd {
    color:#333333;
    width:435px;
    padding-left:5px;
    float:left;
    font-size:1.1em;
}

#ressources_liste .bloc dd.pub  {
    color:#ff9600;
}

/******
 *	pagination
 *******/

.pagination {
    text-align:center;

}

.pagi_bas {

    margin-top:10px;
    padding-top:8px;
    padding-bottom:30px;
    background:url(../img/pagi_fond.gif) repeat-x;
    position:relative;
    z-index:10;
}

.pagi_haut {
    margin-top:10px;
}

.pagination div {
    padding:4px;
    display:inline;
    border:1px solid #C9DAEA;
    margin:5px;
}

.pagination a {
    color:#1461A5;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
    padding:3px;
}
.pagination a.selected, .pagination a:hover{
    color:#FF9600;


}

.pagination a.off {
    color:#C9DAEA;
}

.pagination a.off , .pagination a.on {
    font-weight:normal;
}	


#annuaire_home h3 {
    padding:0;
    margin:0;
    margin-top:15px;
    margin-bottom:15px;
    color:#89B0D2;
    font-size:1.3em;
    font-family:verdana;
    background:url(../img/h3.gif) no-repeat 0 2px;
    padding-left:15px;
}

#annuaire_home .bloc {
    background:url(../img/alaune_fond.png) left bottom no-repeat;
    padding-left:10px;
    clear:both;
    padding-bottom:20px;
    margin-top:20px;
    padding-right:15px;
}


#annuaire_home .annuaire_marquant .bloc {
    background:url(../img/marquant_fond.png) left bottom no-repeat;
}

#annuaire_home {
    float:left;
    padding:0;
    overflow:hidden;
    min-width:525px;
}

#annuaire_home h4 {
    color:#1461A5;
    font-size:1.2em;
    font-family:verdana;
    padding:0;
    margin:0;
}

#annuaire_home p {
    padding:0;
    padding-top:5px;
    margin:0;
    padding-left:80px;
}

#annuaire_home p a {
    color:#ff9600;
}
#annuaire_home h4 a {
    text-decoration:none;
    color:#1461A5;
}
#annuaire_home h4 span {
    background:url(../img/li_sub.gif) no-repeat 79px 3px ;
    display:block;
    padding-left:91px;
}


#annuaire_home h4 img {
    float:left;
}
.annuaire_themes ul {
    margin-top:10px;
    background:url(../img/archive_bottom.png) no-repeat left bottom;
    padding-bottom:30px;
    padding-left:10px;
    padding-right:10px;
}
.annuaire_themes li {
    display:inline;
    font-size:1.1em;
    color:#1461A5;
    line-height:1.5em;
}
.annuaire_themes li a{
    text-decoration:none;
    padding-left:3px;
    padding-right:3px;
    color:#1461A5;
    letter-spacing:0.01em;
}

#annuaire_home .annuaire_themes h3 {
    color:#1461A5;
    margin:0;
    padding:0;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    padding-left:15px;
    background:url(../img/h2_bleu.gif) no-repeat 0 3px;
}

.annuaire_themes li a span {
    color:#ff9600;
}
.annuaire_themes li a:hover {
    text-decoration:underline;
}

.annuaire_themes .bas_themes {

    height:20px;
    line-height:20px;
}

.annuaire_themes {
    background:url(../img/archive_top.png) no-repeat;
    padding-top:15px;
}

.themes_haut .annuaire_themes {
    margin-top:5px;
    padding:0;
    padding-top:1px;
}

.themes_haut .annuaire_themes ul {
    padding-bottom:12px;
}

.texte img {
    float:left;
    margin-right:8px;
    margin-bottom:4px;
    clear:both;
}

.texte img.LEFT , #paragraphes img.LEFT {
    float:left;
    display:block;
    margin-right:8px;

}

.texte h1 , .texte h2 , .texte h3 , .texte h4 , .texte h5 {
    clear:both;
}

.texte img.RIGHT {
    float:right;
    display:block;
    margin-left:8px;
    zoom:1;
}

.texte  {
    font-size:1.1em;
    padding-right:20px;
    padding-top:10px;
}

#ressource {
    background:url(../img/ressource_fond.png) repeat-x;
    margin-top:10px;
    margin-right:5px;
    padding:5px;
    float:left;
}

#ressource  .texte h2 {
    color:#1461A5;
    font-size:1.1em!important;
    background:url(../img/h3.gif) no-repeat 0px 2px !important;
    line-height:1.4em;
    margin-bottom:5px;
}


#ressource  .texte h3 {
    color:#1461A5;
    font-size:1.1em!important;

    line-height:1.4em;
    margin-bottom:0px;
}



#ressource  .head .gauche {
    float:left;
    font-size:1.1em;
    color:#1461A5;
}

#ressource  .head .gauche a {
    color:#1461A5;
}

#ressource  .head .gauche .date{
    color:#ff9600;
}

#ressource  .head  {
    padding-top:5px;
}


#ressource  .head .droite {
    float:right;
    text-align:right;

}

#ressource  .head .droite a:hover {
    text-decoration:underline;
}

#ressource  .head .droite a {
    color:#1461A5;
    text-decoration:none;
    background:url(../img/li_sub.gif) no-repeat 0 2px;
    padding-left:12px;
}



#ressource .texte {
    clear:both;
}


#ressource .pagination {
    clear:both;
}



#rss_liste h3 {
    padding:0;margin:0;
    color:#1461A5;
    font-size:1.2em;
    font-family:arial;
    background:url(../img/h3.gif) no-repeat 0px 4px ;
    padding-left:16px;
    padding-top:2px;
    margin-top:20px;
}

#rss_liste p {
    margin:0;
    padding:3px;
    padding-left:16px;
}


.stf_message {
    margin:10px;
    border:1px solid #999;
    padding:10px;
    text-align:center;
    background:#f9f9f9;
}

h3 {
    color:#1461A5;
    font-size:1.2em;
}

a.retour {
    color:#ff9600;
    padding-left:15px;
    background:url(../img/retour.gif) no-repeat;
}



.vote .notes div a {
    text-decoration:none;
    background:url(../img/note2_bg.gif) no-repeat;
    line-height:14px;
    color:#1461A5;
    color:white;
    font-size:1.1em;
    width:14px;
    height:14px;
    padding:0;
    margin:2px;
    text-align:center;
    display:block;
    float:left !important;
    font-weight:bold;
    letter-spacing:-1px;
    /*padding-right:1px;*/
    color:#1461A5;
}

.vote .notes div a:hover {
    background:url(../img/note3_bg.gif) no-repeat;
}

.vote .note {
    background:url(../img/note_deja.gif) no-repeat;
    line-height:16px;
    color:white;
    font-size:1.1em;
    width:16px;
    height:16px;
    padding:0;
    text-align:center;
    display:block;
    float:left;
    font-weight:bold;

}

.vote .notes  {
    position:relative;
    float:left;
}

.vote .notes div.voter {
    display:none;
    background:url(../img/note_bg.gif) no-repeat;
    min-width:185px;
    width:190px;
    min-height:32px;
    height:32px;
    position:absolute;
    bottom:10px;
    padding-top:2px;
    padding-left:2px;
    _padding-left:0px;
    text-align:center;
    color:white;

}

.vote .label {
    color:#1461A5;
    font-size:1.1em;
    text-align:right;
    width:70px;
    float:left;
}

.vote .notes a.voter {
    font-size:1.2em;
    margin-left:5px;
    color:#1461A5;
}

#paragraphes div.dwl {
    margin-top:15px;
    background:url(../img/exa/iframe_bas.png) repeat-x;
    padding:3px;
    padding-top:8px;

}

#paragraphes div.dwl div {
    background:url(../img/download.png) no-repeat;
    padding-left:25px;
}
#paragraphes .dwl h3 {
    margin:0;
}

#paragraphes div.dwl a {
    font-size:1.2em;

    font-weight:bold;
    text-decoration:none;
}

#paragraphes div.dwl a span {
    font-weight:normal;
}

#paragraphes div.dwl a:hover {
    text-decoration:underline;
    color:#F5A024;
}


#paragraphes a {
    color:#1461A5;
}

#paragraphes a img {
    text-decoration:none;

}

.para li {
    font-size:1.1em;
    list-style-type:disc;
    margin-left:15px;
}

#lien_cerimes {

    position:absolute;
    bottom:0;
    left:0;
    height:50px;
    text-decoration:none;
    width:120px;
}

.submitweb {
    position:relative;
    float:right;
}

.submitwebs {
    display:none;
    width:72px;
    border:1px solid #ccc;
    background:white;
    margin-left:1px;
    position:absolute;
    bottom:0px;
    left:0;
    margin-bottom:15px;
}


.submitwebs a {
    padding:3px;
    display:block;float:left;
    height:17px;
}

.tools {
    padding-top:5px;
    clear:both;
    margin-right:15px;
}

.tools .right  a {
    padding:2px;
    color:#1461A5;
    font-size:1.1em;
}


.tools .right a img{
    text-decoration:none;
    vertical-align:middle;
}

.tools .right {
    float:right;
    width:290px;
}


#sondage_box fieldset {
    padding:0;
    margin:0;
    border:0;
    width:210px !important;
    padding-left:10px;

}

#sondage_box fieldset div{
    padding:1px;
}
#sondage_box label {
    font-size:1.2em;
    color:#333;
}
#sondage_box h3 {
    margin-left:0px;
}
#sondage_box h2 {
    margin:0;
    padding:0;
    padding-left:15px;
    background-position:0px 3px;
    margin:5px;
}
#sondage_box {
    padding:5px;

}

#sondage_box fieldset input {
    float:left;

}

#sondage_box div.encadre {
    background:url(../img/sondage/fond_haut.png) no-repeat;
}
#sondage_box form {
    background:url(../img/sondage/fond_bas.png) no-repeat bottom left;
    padding-bottom:10px;
}
#sondage_box .ligne {
    margin-bottom:5px;
}
#sondage_box .rep {
    color:#1461A5;
    font-size:1.1em;
}
#sondage_box .res div {
    float:left;
    background:#1461A5;
    color:#1461A5;
}


#ressource .texte {
    width:492px;
}

#ressource .tools {
    clear:both;
    padding:5px;
    margin-top:25px;
    padding-top:7px;
    background:transparent url(../img/ressource_fond.png);
    height:30px;
}

#ressource .tools .right {
    width:290px;
}
#ressource .tools .vote .label {
    width:auto;
}

#ressource div.forma span.forma p{
    margin-top:0;
    font-size:1.0em;
}
#ressource div.forma span.forma {
    padding-left:5px;
}
#ressource div.forma {
    margin-top:10px;

    clear:both;
    font-size:1.1em;
    padding-left:10px;
}

#ressource div.forma span {
    display:block;
    float:left;

}


#ressource div.forma .titre {
    margin-top:5px;
    clear:both;
    font-weight:bold;
    text-decoration:none;
}

.NOFLOAT {
    float:none!important;
}