/* CSS Document */

/* Elements du site par défaut */

body {
font-family:arial,verdana,sans-serif;
font-size:11px;
background-color:white;
background-image:url(http://david.girard13.free.fr/squelettes/images/bandefond.jpg);background-repeat:repeat-x;)
margin:0;
}

a{}
a:hover{}

p{margin:0;text-align:justify;margin-top:2px;font-size:11px;}
h3{font-size:14px;letter-spacing:1px;color:teal;margin:0;text-align:left;}
h1{margin:0;text-align:center;font-size:30px;letter-spacing:3px;color:dodgerblue;}
h4{font-size:12px;color:darkslategrey;margin:0;}




/* centrer le site */

#centrer_le_site{width:1000px; margin:0 auto; border:none;}


/* bandeau */ 

#top{width:1000px;height:100px; display:block;margin-bottom:1px;padding-top:2px}
#top img {float:right;margin:0;padding:0;border:none;}

#reseaux{float:left;}



/* Contenu commun à toutes les pages */

#contenu{width:1000px;display:block;}
#colonne_gauche{width:200px;float:left;background-color:dodgerblue;border:none;margin:0;padding:0;}
#colonne_droite{width:800px;float:left;background-color:greywhite;border:none;margin:0;padding:0;}

div.spacer{background-color: 0;clear:both;height:0px; display:block;}


/* Colonne du menu (gauche) */

#colonne {float:left;width:200px;background-color:dodgerblue;text-align:center;border:none;}
#clip{padding-bottom:10px;margin-top:4px;}
#twit{margin-top:-60px;margin-bottom:10px;}
#recherche{margin:5px 0 5px 0;}


/* colonne de droite SOMMAIRE */ 


#a_la_une {padding-top:10px;}/* diaporama des actus */

div.groupe_articles{width:800px;height:550px;padding-left:25px;border:none;}/* cadre des articles les plus populaires */
#diaporama{width:800px; padding-left:25px;}
#articles{float:left;margin-right:5px;height:110px;width:370px;}/* cadre d'un article */
#description_resume{text-align:justify;padding-right:6px;}
#image_resume{float:left;padding:2px;margin:0;}
#logo_resume{float:left;margin-right:3px;}



/* fil d'ARIANE */ 
#ariane{padding-left:25px;float:left;width:800px;height:30px;display:inline;margin-top:15px;}
#ariane a{text-decoration:none;display:inline;color:orangered;text-align:left;font-size:14px;}
#ariane a:hover{text-decoration:none;font-size:18px;color:teal;}



/* colonne de droite RUBRIQUE */ 

#sous_rubriques{border:none;width:800px;height:160px;padding-top:10px;padding-left:25px;}
div.img_rub{width:800px;padding-left:25px;}


#box_rubrique {float:left;text-align:center;width:150px;height:130px;margin:5px;}
#box_img{padding:2px;margin:0;}
#box_titre h3{text-align:center;height:30px;}
#box_descriptif p{text-align:center;}     



/* colonne de droite ARTICLES */ 

#bloc_article{width:800px;float:left;}
#sur_article{margin:0 25px 25px 25px;width:210px;float:left; background-color:wheat;text-align:right;border-radius: 0 30px 0 30px;}
#sur_article img{border-radius: 0 30px 0 30px;padding:5px;}
#logo_article{border: 0;text-align:left;}
#date_article{width:200px;word-spacing:3px;}
#date_article p{font-size:16px;letter-spacing:1px;color:teal;}
#sur_article p {display:inline;font-size:14px;letter-spacing:3px;color:orangered;margin:0;text-align:left;font-weight:bold;}
#sur_article h4{display:inline;font-size:12px;letter-spacing:1px;color:teal;margin:0;}

#article{padding-left:25px;margin:0 0 30px 0;}
#article h2{font-weight: bold; line-height:20px;letter-spacing:2px;word-spacing:3px;color:darkslategrey;margin:0 0 20px 20px;text-align:justify;}
#article p{margin:2px 0 2px 0;}


#sous_article{padding:25px;width:800px;display:block;text-align:right;clear:both;margin-bottom:50px;}


/* colonne de droite AUTEUR */ 
#auteur{padding-left:25px;width:800px;}
#auteur h1{margin:0;text-align:left;font-size:30px;letter-spacing:3px;color:dodgerblue;}
#logo_auteur{float:left;margin:0 20px 20px 20px;}
#bio p{font-style:italic;margin:0;text-align:justify;margin-top:2px;font-size:12px;}

#articles_auteur{width:800px;clear:both;}
#articles_auteur li{list-style-type:none;}
#articles_auteur a{text-decoration:none;color:dodgerblue;font-size:14px;}
#articles_auteur a:hover{text-decoration:none;color:teal;font-size:18px;}


#menu_auteur li{display:inline;}
#menu_auteur h2{margin-left:25px;}
#menu_auteur a{border:0;text-decoration:none;}
#menu_auteur img{width:50px;height:50px;}
#menu_auteur img:hover{width:60px;height:60px;}


/* colonne de droite 404 */ 

#404 {text-align:center;}

/* pied de page */

#footer{display:block; width:1000px;height:30px;background-color:orange;text-align:center;-moz-border-radius:15px 15px 15px 15px;
}








/* bandeau 

#bandeau {margin:0;padding:0;border:none;width:1000px;}
#bandeau img a{border:none;margin:0;padding:0;text-decoration:none;}




/* colonne menu 

    #couleur2{background-color:gold;}
    #couleur6{background-color:firebrick;}
    #couleur3{background-color:yellowgreen;}
    #couleur5{background-color:orange;}
    #couleur27{background-color:lightseagreen;}
    #couleur4{background-color:peru;}
    #couleur1{background-color:crimson;}                             
    #couleur7{background-color:darkcyan;}