Sommaire

@import url("http://fdata.over-blog.com/css/commonstruct1.css");/*ne pas enlever cette ligne qui permet l'évolution des css personnalisés*/

/***************************************/

/* ---------- Elements Principaux ------------- */
body {
margin:0px;
font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;
color:#00000;
background-attachment:fixed;
background-image: url(http://idata.over-blog.com/0/00/55/22/blog/carte-nav-fond.jpg);
}
h1 { color: #660000; font-size: 20px; } /*titre des pages*/
h2 { color: #CC0000; font-size: 17px; }
h3 { color: #5675A4; font-size: 12px; }
p {font-size: 12px;}

/* lien */
a { text-decoration:none; color:#81231B; font-size:110%; font-weight:bold;}
a:hover { text-decoration:underline; color:#FD9005; font-weight:bold;}
legend { color:#5675A4; padding-left:5px; padding-right:5px;}
li { list-style-type:none; }
img { border:0px; } /* image */
input { border:solid 1px #D8D7D7; font-size:100%; background:#FFFFFF; color:#5675A4; } /* bouton */

/* ---------- Structure ------- */
/* La class main correspond à la structure global du blog
/* le numéro après 'main' correspond au type de structure (1 2 ou trois colonne) */

/* Pour les stuctures avec 2 colonnes */
#main1 { text-align: left; margin: 0px auto 50px auto; }
#main1 #rightnav { padding:10px; width:210px; }
#main1 #leftnav { padding:10px; width:210px; }
#main1 #content { padding:10px; border-left:1px solid #B8B8B8; border-right:1px solid #B8B8B8; }
#main1 h2 { margin:0px 0px 10px 0px; padding:0px; font-size:130%; }

/* Pour les stuctures avec une colonne à droite */
#main2 { text-align: left; margin: 0px auto 50px auto; }
#main2 #rightnav { padding:10px; width:220px; }
#main2 #content { padding: 10px; border-left:1px solid #B8B8B8; border-right:1px solid #B8B8B8; }
#main2 h2 { margin:0px 0px 10px 0px; padding:0px; font-size:130%; }

/* Pour les stuctures avec une colonne à gauche */
#main3 { text-align: left; margin: 0px auto 50px auto; }
#main3 #leftnav { padding:10px; width:220px; }
#main3 #content { padding: 10px; border-left:1px solid #B8B8B8; border-right:1px solid #B8B8B8; }
#main3 h2 { margin:0px 0px 10px 0px; padding:0px; font-size:130%; }

#MainTab { margin:0px; width:100%; }
#MainTab td { vertical-align:top; }

/* entete */
#top { padding:0px; border-bottom: 1px solid gray; }
#top h1 { padding:0px; margin:0px;color:black; }

/* Bas de page */
#footer { clear:both; color: #333; border-top: 1px solid gray; }
#footer p { margin:0px; padding: 10px; background:#ddd; }

.cleaner {clear:both;}
/* ---------- Box ---------- */
/* correspond au block des modules */
.box { width:100%; margin-bottom:10px; }
.box h2
{ }
.box-top { }
.box-left { }
.box-right { }
.box-bottom { }
.box-topLeft
{
background : url(http://idata.over-blog.com/0/00/55/22/design/orange25.png)
repeat-y scroll top left ;
border : 1px solid black ; }
.box-topRight { }
.box-bottomLeft { }
.box-bottomRight { }

.box-content h2 {
font-size:15px;
font-family:verdana;
color:#FF0000;
font-weight:bold;
text-indent:20px;
}

.box-content { overflow:auto; padding:0px 10px 15px 5px; }
.box-content p { margin:5px 0px 5px 15px; padding:0px; }
.box-content ul { margin:5px 0px 5px 15px; padding:5px; }
.box-content li { list-style:square; color:#000066; margin:0px; padding:0px; }

/* ------- Categories ------- */

#Categorie
{
background : url(http://idata.over-blog.com/0/00/55/22/design/nuage3.png)
no-repeat top right #FDFBEF ;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:10px;
}
#Categorie a
{
font-variant : small-caps ;
font-size : 110% ;
}

/* ------- Album ------- */

#Album
{
background : url(http://idata.over-blog.com/0/00/55/22/design/nuage3.png)
no-repeat top right #FDFBEF;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:10px;
}
#Album a
{
font-variant : small-caps ;
font-size : 110% ;
}

/* ------- Recommander ------- */

#Recommander
{
background : url(http://idata.over-blog.com/0/00/55/22/design/nuage3.png)
no-repeat top right #FDFBEF;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:10px;
text-align:center;
}
#Recommander h2 {text-align:left;}

#Recommander a
{
font-variant : small-caps ;
font-size : 110% ;
}

/* ------- Lien ------- */

#Lien
{
background : url(http://idata.over-blog.com/0/00/55/22/design/nuage3.png)
no-repeat top right #FDFBEF;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:10px;
}
#Lien a
{
font-variant : small-caps ;
font-size : 110% ;
}

/* ------- RightPart ------- */

#RightPart
{
background : url(http://idata.over-blog.com/0/00/55/22/design/nuage3.png)
no-repeat top right #FDFBEF ;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:10px;
}
#RightPart a
{
font-variant : small-caps ;
font-size : 110% ;
}

/* ------- LeftPart ------- */

#LeftPart
{
background : url(http://idata.over-blog.com/0/00/55/22/design/nuage3.png)
no-repeat top right #FDFBEF ;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:10px;
}
#LeftPart a
{
font-variant : small-caps ;
font-size : 110% ;
}

/* ------- Recherche ------- */

#Recherche
{
background : url(http://idata.over-blog.com/0/00/55/22/design/nuage3.png)
no-repeat top right #FDFBEF ;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:10px;
}
#Recherche a
{
font-variant : small-caps ;
font-size : 110% ;
}

#SearchForm
{
margin-left:20px;
}

#Recherche { padding:0px; }
#WForm { margin:0px; border:solid 1px #D8D7D7; padding:10px; background: #F3F7FC; }
#WForm input { border:solid 1px #D8D7D7; font-size:100%; background:#f4f4f4; color:#5675A4; }
#WForm input:hover { border:solid 1px #5675A4; background:#fff; }

.RNum { font-weight:bold; }
.RDesc { padding:10px; }
.ROut { font-style:italic; color:#A0B8CB; }
.RSize { color:#BFBFBF; }

a.RTitle { text-decoration:none; color:#00275E; }
a.RTitle:hover { text-decoration:none; color:#834141; }

#GGResults { text-align:left; margin:0px; color:#000000; }
.Result1 { padding:4px; background:#F7FAFD; }
.Result2 { padding:4px; background:#FBFBFB; }

/* ------- ArticleRecent ------- */

#ArticleRecent
{
background : url(http://idata.over-blog.com/0/00/55/22/design/nuage3.png)
no-repeat top right #FDFBEF;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:10px;
}
#ArticleRecent a
{
font-variant : small-caps ;
font-size : 110% ;
}

/* ------- Newsletter ------- */

#Newsletter
{
background : url(http://idata.over-blog.com/0/00/55/22/design/nuage3.png)
no-repeat top right #FDFBEF ;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:10px;
text-align:center;
}

#Newsletter h2 {text-align:left;}
#Newsletter form {text-align: right;}

#Newsletter a
{
font-variant : small-caps ;
font-size : 110% ;
}

/* ------- Concours ------- */

#Concours
{
background : url(http://idata.over-blog.com/0/00/55/22/design/nuage3.png)
no-repeat top right #FDFBEF ;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:10px;
text-align:center;
}

#Concours h2 {text-align:left;}

#Concours a
{
font-variant : small-caps ;
font-size : 110% ;
}

/* Articles */
.article
{
border : 1px solid black ;
background :#FFFFFF ;
margin-top:0px;
padding:0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
.comment hr { }
.article p {padding:0px 0px 5px 5px;margin:0px;}
.Date {
padding:5px 0px 5px 0px;
margin:0px 0px 0px 0px;
border-bottom:1px solid #808080;
width:100%;
color: #2E3192;
background:#cccccc;
}
.Option {padding:5px 0px 0px 0px;margin:0px 0px 20px 0px;border-top:1px dotted #808080;width:100%;text-align:right;font-size:85%;color:#808080}

/* Commentaires */

#CommentRecent
{
background : url(http://idata.over-blog.com/0/00/55/22/design/nuage3.png)
no-repeat top right #FDFBEF;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:10px;
texte-align:left;
}
#CommentRecent a
{
font-variant : small-caps ;
font-size : 110% ;
}

.commentMessage { padding:5px; border:1px dotted #999999;background:#F8F8F8;margin:0px}
.commentOption {text-align:right;font-size:85%;color:#808080;margin-bottom:10px}
#formComment label { width:70px; }
#addTrackback {border:1px dotted #999999;background:#FFF8D7;padding:5px;} /* Trackback */

/* Calendrier */
.calendarTop1
{ font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color:#5675A4; font-weight: bold; background-color:#FFFFFF}

/*entete*/
.calendarToday1 { font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: bold; color:#FFFFFF; background-color:#A2B4CE;}

/* Aujourd'hui */
.calendarDays1 { width:50px; height:15px; font-family:Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color:#000000; background-color: #FFFFFF; text-align:center;}
.calendarHeader1{ font-family: Verdana, Arial, Helvetica; font-size: 10px; background-color:#5675A4; color:#FFFFFF;}

/* lettre de la semaine */
.calendarTable1 { background-color:#F4F4F4;border:0px solid #5675A4} /* contour du calendrier */
#articleAccueil {}
#articleAccueil p { }
#bodyAlbum{ background-color:#FFFFFF;}
.topAlbum{}

#generalAbum{width:100%;}

.h2Album { text-align:center; font-size:12pt; color:#000000;}
#enteteAlbum{ width:100%; border:1px solid #222222; background-color:#666666; font-size:130%; color:#FFCC99;}
#enteteAlbum a {color:#FFFFFF; text-decoration:none;}
#enteteAlbum a:hover {color:#FFFFFF; text-decoration:underline;}
.nomPhotoAlbum { font-size:large;}

.lienAlbum {text-decoration:none;}
.lienAlbum:hover{text-decoration:underline;}

.quickNavAlbum{margin:0px; padding:0px; background-color:#FFCC99; border:1px groove #666666; width:100%; text-align:center;}
.quickNavAlbum a {text-decoration:none;}
.quickNavAlbum a:hover {text-decoration:underline;}
.precAlbum{ float:left; text-decoration:none; position:relative; padding:0px; margin:0px;}
.retourAlbum{ position:relative; text-decoration:none; padding:0px; margin:0px auto; width:6em;}
.suivAlbum{ float:right; text-decoration:none; position:relative; padding:0px; margin:0px;}

#centrethumbsAlbum{ background-color: #666666;}
.thumbsAlbum {background-color: #666666; padding:2px; width:550px; margin-right:auto; margin-left:auto;}
.thumbAlbum { display:inline; margin:3px;}
.thumbAlbum img { border:1px solid #FFFFFF;}
.thumbCouranteAlbum { display:inline; margin:3px;}
.thumbCouranteAlbum img { border:3px dashed #FFCC99;}

.topLienAlbum{text-decoration:none;}
.topLienAlbum:hover{}

#photo{ text-align:center; }
#photo img {margin: 0px auto; border:1px solid #333333; border-bottom:0px solid #FFFFFF;}
.nomPhotoAlbum{ color:#FFCC66; text-align:center;}

#piedAlbum{ width:100%; text-align:center; margin-top:5px;}

.affTrackback { padding:5px; border:1px solid #999999; margin-bottom:10px;}
.affTrackback h2 {}
.linkTrackback {font-size:130%; }
.h2Trackback {}

/*-------------------Recommander--------------------------------*/
#divRecommander {}
#divRecommander span {font-size:larger;}
#divRecommander legend {font-size:larger;}
#divRecommander fieldset {padding:3px; margin:5px;}

/*-----------------Newsletter-----------------------------------*/
#divNewsletter h2 {text-align:center; font-size:12pt;}
#centreAccAlbum{}
.AccAlbum{ text-align:center;}
.thumbAccAlbum { display:inline; margin:5px;}
.thumbAccAlbumimg { padding:5px 0px;}

.thumbsAlbum { padding:2px; width:99%; text-align:center; margin-right:auto; margin-left:auto;}