body {
margin:0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#3f4c56;
background-image: url('images/bg.gif');

}   


*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
    color:#3f4c56;
}

h1{
padding: 10px;
    font-size:18px;
    padding-left: 0px;;
    color:#4169a2;
    font-size:14px;
    clear: left;
    text-transform: uppercase;
    
    
}

h2   {

padding: 10px;
font-size:14px;
    padding-left: 0px;;
        color:#4169a2;   
        
}

h3   {
font-size:12px;
font-weight: bold;
color:#4169a2;   
       
}


#conteneur{
    width: 1000px;
    margin-left: auto;
    margin-right: auto ;
    text-align: left;
    position: relative;

    
    
}

#bandeau{
    width:1000px;
    height: 218px;
	background-image:url(images/top.jpg); 
	background-position:top; 
	background-repeat:no-repeat;
}

#menu_haut1 {
position:absolute;
top:3px;
left:356px;
}

#menu_haut2 {
position:absolute;
top:5px;
left:676px;
}


.lien_haut_gris{
font-family:Arial;
font-weight:bold; 
font-size:13px; 
color:#58585a;
margin:5px;
float:left;
}

.lien_haut_bleu{
font-family:Arial;
font-size:10px; 
color:#003064;
margin:5px;
float:left;
}





#menu{
position:absolute;
top:190px;
left:10px;
font-family:Arial;
color:#4169a2; 
font-size:12px;
}

#menu a{
margin-left:15px; 
margin-right:15px; 
text-decoration:none; 
font-family:Arial;
color:#4169a2; 
font-size:12px;
}

#menu a:hover{
font-weight:bold;
}

#creer_compte{
position:absolute;
top:60px;
left:817px;
font-family:Arial;
color:#FFFFFF; 
font-size:11.5px;
}





#creer_compte a{
font-family:Arial;
color:#FFFFFF; 
font-size:11.5px;
text-decoration:none;
}



#centre_home{
    width:960px;
    float:left;
    position: relative;
    padding-left:20px;
    padding-right:20px;

    background-color: white;
    height: 615px;
    
}
#centre{
    width:960px;
    float:left;
    position: relative;
padding-left: 20px;
padding-right: 20px;
    background-color: white;
    text-align: justify;
	    background-image: url('images/bg.jpg');
    background-repeat: repeat-y;
    background-position: 0px 0px;
    
}



#mieux_connaitre{

    position: absolute;
    top:305px;
    left:20px;
    background-image: url('images/connaitre.gif');
       float: left;
       width: 713px;
       height:283px;
}

#daily_motion{
    width: 218px;
    height: 230px;
    position: absolute;
    left:280px;
    top:35px;
    z-index:5000;
    

}

#flickr{
    width:200px;
    height: 231px;
    position: absolute;
    left:495px;
    top:35px;
    z-index:2500;
   
}

#flickr_menu_droit{
    width:200px;
    
    height: 231px;


    background-image: url('images/br_droit.gif');
    background-repeat: repeat-y;
    background-position: 0px 0px;

}
#flickr_menu_droit_pos{
    margin-left:10px;
}

.dm_videowall{
    position: relative;
    right:10px; 
    background-image: url('images/br_droit.gif');
    background-repeat: repeat-y;
    background-position: 10px 0px;
    padding-top:10px;
}


#menu_droit{
    float: right;
overflow: hidden;
    width: 200px;;
    margin-left:20px;
	
}
.pic_flickr{
    float: left;
    padding-bottom:5px;
    
}

#suivre{

      width: 240px;
      height: 364px;
      background-color:#ebebeb;
      float:left;
            position: absolute;
    left:740px;
    top:224px;
}

#actuhome{
    width:475px;
    height: 305px;;
    float: left;
    position: relative;
    top:0px;
    left:0px;
    background-position:bottom;
    background-repeat: no-repeat;
}


#transparence{
    width:475px;
    height: 75px;
    background-color: black;
    position: absolute;
    left:0px;
    bottom:0px;
    z-index: 58800;
    float: left;
    opacity: 0.7;
    filter : alpha(opacity=70);
}

#contenu_home{
    width:455px;
    height:47px;
    color:white;
    position: absolute;
    left:10px;
    bottom:20px;   
    overflow: hidden;
    z-index:58801;
    cursor:pointer;
    word-spacing: -1px;;

}

#lien_home{

    color:white;
    position: absolute;
    right:12px;
    bottom:5px;  
    z-index:58802;
    font-size:11px;
}

#mon_actu{
    width:215px;
    height:270px;
    position: absolute;
    left:513px;
    top:30px;
    overflow: hidden;
	border: 1px solid #a1a1a1;
	background-color:#FFFFFF;
}

#actu_nat{
    width:215px;
	background-color:#e8e8e8;
	margin-bottom:8px;
	padding-top:5px;
}

.lst_monactu{
    padding-left:6px;
    padding-right :6px;
    padding-bottom:3px;
    padding-top:3px;
    text-align: left;
    font-size:11px;
    
}
#prise_parole{
width:287px;
height:165px;
overflow:hidden;
position: absolute;
top:50px;
left:10px;    
}


.lst_parole{
    padding-top: 3px;
    width:240px;
    cursor: pointer;
}

#parcours{
    
    width: 240px;;
    position: absolute;
top:155px;
left:34px;   
overflow: hidden;
text-align: justify;
height: 38px;
line-height:13px;
}

#lien_parcours{
    
    color:#4169a2;
    font-size:10px;
    position: absolute; 
    left:202px;
    top:195px;
}


#lien_cdc{
    
    color:#4169a2;
    font-size:10px;
	    position: absolute; 
    left:170px;
    top:30px;
}

#cdc{

position: absolute;
top:237px;
left:28px;
width:240px;    
}

.lst_cdc{
    padding-top: 0px;
}

#article_prefere{
    position: absolute;
    left: 740px;
    top:30px;
    height:170px;
    background-image: url('images/bg_prefere.gif');
    background-repeat: repeat-y;
}

.lst_fav{
    width:220px;
    text-align: justify;
    padding-left:10px;
    padding-top:10px;
}

.lien_favoris{
    font-size:10px;
    color:#4169a2;
    padding-bottom: 5px;;
    display: block;
    text-align:right;
	float:right;
}

.lien_pluslus{
    font-size:10px;
    color:#4169a2;
    padding-top: 5px;;
    padding-bottom: 5px;;
    display: block;
    text-align:right;

}

#suivre_bloc_droit{
    
    width:200px;
    height:160px;
    
}

#btn_article{
width: 740px;;

float: left;
    margin-top: 11px;
    margin-bottom: 11px;
background-color: #eceded;;    

}


#btn_article img{
    float: left;
    border:0;
}

#btn_article ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#btn_article li{
    list-style-type: none;
    float: left;
    padding: 0;
    margin: 0;
}



#retour{
width:700px; text-align:center; padding-top:20px; padding-bottom:20px;
}

#login{
width:250px;

}

#retour_erreur{

color:red;
padding:15px;
padding-left:0px;
}



    
    form#subscribe-form { width: 60%; margin: 30px auto 15px; }
    form#subscribe-form fieldset       { border: 1px dashed #79C; padding: 10px; }
    form#subscribe-form legend           { background-color: white; padding: 1px 4px; color: black; }
    form#subscribe-form div               { padding: 5px 8px; }
    form#subscribe-form div.bloc label { display: block; float: left; width: 30%; margin-top: .2em; cursor: pointer; }
    form#subscribe-form div label       { cursor: pointer; }
    form#subscribe-form div.center       { text-align: center; }
    form#subscribe-form p.message       { text-align: center; }
    
    form#subscribe-form select,
    form#subscribe-form input[type="text"]  { border: 1px inset silver; }
    
    abbr[title] { cursor: help; }
    address#footer {
        margin: 15px auto;
        text-align: center;
        font-style: normal;
        font-size: 11px;
    }