body  {
    font: 10px/1.2 Arial,sans-serif,Verdana,Helvetica;
    background-color : #ddd;
    padding :0px;
    margin :10px;
    margin-left:0px;
	border:0;
    position:relative;
    text-decoration:none;
	text-align:center;
    color:purple;
}

fieldset {
border:0;
}
#conteneur {
	margin:0px auto;
	width :810px;
    text-align : left;
}

#page {
    background-color:#fff;
	margin:0px auto;
	width : 570px;
    text-align : left;
	margin-left:120px;
    border-left-color:#fff; 
    border-top-color:#fff; 
    border-right-color:#fff; 
    border-bottom-color:#fff; 
    border-width:0px;
    border-style:solid;
    }

#adsense
{
    position:absolute;
    top:0px;
	left:0px;
	margin:0px auto;
    text-align :center;
    width:120px;
    float:left;
	}

#pub_droite
{
    position:absolute;
    top:0px;
	left:0px;
	margin:0px auto;
	text-align :center;
    width:120px;
    float:left;
}	

.banniere{
    background-color:#fff;
    padding-right:0px;
    padding-top:10px;
    padding-left:0px;
	text-align:center;
}
	
#c_lavender{
    background-color:#e5e5fa;
	position:relative;
}
.c_lemonchiffon{
    background-color:#fffacd;
}

.gauc{
    position:absolute;
    top:2px;
    left:0px
}
.gauc2{
    position:absolute;
    top:10px;
    left:35px
}

.adroite{
    float:right;
    width:253px;
}

.logodroit{
    padding-top:45px;
	float:right;
}

.agauche{
    float:left;
    width:253px;
}

.textegauche{
    float:left;
    width:305px;
}

.droi{
    right:0px;
    top:2px;
    position:absolute;
}
.droi2{
    right:35px;
    top:10px;
    position:absolute;
}
.cent{
    left:260px;
    top:16px;
    position:absolute;
}

.gauche  {
    width :280px;
    margin:0px;
    float :left;
}

.centre_gauche  {
    margin: 0px;
    margin-right:18px;
    margin-left:18px;
    margin-top:5px;
    float : left;
    text-align:center;
}

.space2  {
    margin: 0px;
    margin-right:2px;
    float : left;
    text-align:center;
}

.space3  {
    margin: 0px;
    margin-left:100px;
    margin-top:9px;
    float : right;
    text-align:center;
}

.droite  {
    padding-top:35px;
    margin :0px;
    padding-right:40px;
    padding-left:10px;
    float : left;
}

.droite p {
    margin:0px;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:0px;
    }

img  {
    border-width : 0;
}

img.im_news {
    border-width : 2px;
    width : 60px;
    height : 60px;
}
.misaj {
    width : 400px;
    margin-left : 98px;
}
.misaj2 {
    width : 400px;
    background-color : #ffe4e1;
}
.misaj3 {
    width : 400px;
    background-color : #ffefd5;
}
.rub{
    background-color:silver;
}
.spacer{
	clear:both;
    font:normal 0em/1.2 Arial,sans-serif,Verdana,Helvetica;
    text-align:center;
    margin:0px;
    padding-top:3px;
    padding-bottom:3px;
}

.ligne
{
   clear:both;
   background : transparent;
   border-bottom-color :#696969;
   border-width : 0 0 1px 0;
   border-style : solid;
   padding-top:2px;
}

img.il240b, img.ir240b {
    width:240px;
    height:160px;
}

img.i240, img.il240, img.ir240 {
    width:240px;
    height:180px;
}

img.il240b, img.il240 {
    margin:5px 10px 0px 0px;
    float:left;
    vertical-align:top
}

img.ie240 {
    margin:0px 40px 0px 0px;
    float:left;
    position:relative;
    vertical-align:top
}

h1,.entete{
    font:bold 20px/1.2 Arial,sans-serif,Verdana,Helvetica;
    text-align:center;
    padding-top:18px;
    padding-bottom:18px;
   color:#8b008b;
   margin:0px;
}

.vignette  {
    margin-top:2px;
    margin-left : 20px;
    margin-right:10px;
    float : left;
}

img.vignette {
    width:60px;
    height:60px;
}

h2 {
    font:bold 16px/1.2 Verdana,sans-serif,Arial,Helvetica;
    color:#036;
    background-color:#fcf;
    margin:0px;
    margin-top:2px;
}
h3 {
    font:bold 15px/1.2 Verdana,sans-serif,Arial,Helvetica;
    color:#639;
    margin:0px;
    margin-top:2px;
    margin-left:5px;
}
h4 {
    font:bold 14px/1.2 Verdana,sans-serif,Arial,Helvetica;
    color:#669;
    margin:0px;
    margin-top:2px;
    margin-left:10px;
}
h5 {
    font:bold 13px/1.2 Verdana,sans-serif,Arial,Helvetica;
    color:#09c;
    margin:0px;
    margin-top:2px;
    margin-left:15px;
}
h6 {
    font:bold 14px/1.2 Verdana,sans-serif,Arial,Helvetica;
    padding-top:20px;
    color:#099;
    margin:0px;
    margin-top:2px;
    margin-left:15px;
}

.rubrique{
    font:13px/1.3 Verdana,Arial,sans-serif,Helvetica;
    text-align:left;
    padding-right:5px;
    padding-left:5px;
    text-decoration:none;
    color:#00008B;
}

.rubrique span{
    color:#c36;
}

.index{
    font:bold 13px/1.2 Arial,sans-serif,Verdana,Helvetica;
    text-align:left;
	padding:0px;
    color: #202670;
}
.latin{
    font:italic bold 17px/1.2 Arial,sans-serif,Verdana,Helvetica;
    text-align:left;
    padding:0px;
    text-decoration:none;
    color: green;
}

.nom{
    font:italic bold 13px/1.2 Arial,sans-serif,Verdana,Helvetica;
    text-align:left;
    padding:0px;
    text-decoration:none;
    color: green;
}

.famille{
    font:bold 13px/1.2 Arial,sans-serif,Verdana,Helvetica;
    text-align:left;
    padding-bottom:2px;
    padding:0px;
    text-decoration:none;
    color: blue;
}
.touareg,.tamahaq{
    font:bold 13px/1.2 Arial,sans-serif,Verdana,Helvetica;
    text-align:left;
    padding:0px;
    text-decoration:none;
    color:#d2691e;
}
.french{
    font:bold 13px/1.3 Arial,sans-serif,Verdana,Helvetica;
    text-align:left;
    text-decoration:none;
    color:#a52a2a;
}
.com{
    font:13px/1.2 Verdana,Arial,sans-serif,Helvetica;
    text-align:left;padding:0px;
    padding-right: 5px;
    padding-left:5px;
    text-decoration:none;
    color: #336;
}
.cent{
    font:bold 13px/1.2 Arial,sans-serif,Verdana,Helvetica;
    text-align:center;padding:0px;
    text-decoration:none;
    color: #ee82ee;
}
.maj{
    font:italic 12px/1.2 Arial,sans-serif,Verdana,Helvetica;
    text-align:left;
    padding:0px;
    color:#a52a2a;
}

.titre{
    font:bold italic 14px/1.2 Verdana,Arial,sans-serif,Helvetica;
    text-align:left;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:5px;
    padding-left:5px;
    color:#CD5C5C;
    letter-spacing:0.5px;
    background-color:#faebd7;
}
.ouvrage{
    font:bold 13px/1.2 Arial,sans-serif,Verdana,Helvetica;
    text-align:left;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:0px;
    padding-left:0px;
    text-decoration:none;
    color:#b22222;
}
.homme{
    font:bold 13px/1.2 Arial,sans-serif,Verdana,Helvetica;
    text-align:left;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:10px;
    padding-left:0px;
    text-decoration:none;
    color:#a0522d;
}
img.im {
    margin:5px 10px 0px 0px;
    vertical-align:top
}
img.imr {
    margin:0px 15px 0px 20px;
    vertical-align:top
}

img.ir,img.ir240,img.ir240b {
    margin:5px 0px 0px 10px;
    float:right;
    vertical-align:top;
}
img.il {
    margin:5px 10px 0px 0px;
    float:left;
    vertical-align:top;
}

a{
    font:bold 11px/1.2 Verdana,sans-serif,Helvetica;
    text-align:left;
    padding:0px;
    text-decoration:none;
}
a:active{
    color:green;
}
a:visited{
    color:blue;
}
a:link{
    color:blue;
}
a:hover{
    color:#a52a2a;
    text-decoration:underline;
}

a.tamahaq:active{
    color:#d2691e;
}
a.tamahaq:visited{
    color:#dEb887;
}
a.tamahaq:link{
    color:#d2691e;
}
a.tamahaq:hover{
    color:#d2691e;
    text-decoration:underline;
}

a.famille:active{
    color:blue;
}
a.famille:visited{
    color:#1e90ff;
}
a.famille:link{
    color:blue;
}
a.famille:hover{
    color:blue;
    text-decoration:underline;
}

a.nom:active{
    color:green;
}
a.nom:visited{
    color:#90ee90;
}
a.nom:link{
    color:green;
}
a.nom:hover{
    color:green;
    text-decoration:underline;
}

.liens{
    font:13px/1.2 Arial,sans-serif,Verdana,Helvetica;
    text-align:left;
    text-decoration:none;
    color:#339966;
}
.liens p {margin:3px;}
.mention p {margin:2px;
}

.mention{
    font:italic 11px/1.3 sans-serif,Verdana,Helvetica;
    text-align:center;
    background-color:#dcdcdc;
    color:#696969;
    padding-top:5px;
}
a.mention:active,a.mention:visited,a.mention:link,a.mention:hover{
    color:#696969;
    font:bold 11px/1.2 sans-serif,Verdana,Helvetica;
}

.livre_or{
	position:relative;
	top:-2px;
    font:italic 12px/1.2 Arial,sans-serif,Helvetica;
    text-align:left;
    padding-top:0px;
	padding-right:0px;
    padding-left:0px;
    text-decoration:none;
    color:#d2691e;
	background-color:#ffe4b5;
    }

.livre_or div{
padding-right:10px;
padding-left:10px;
display:inline;
}

.livre_or table {
    font:normal 15px/1.2 Arial,sans-serif,Helvetica;
}
.livre_or blockquote {
    font:normal 13px/1.2 Arial,sans-serif,Helvetica;
	clear:both;
	margin:0px;
    padding-bottom:3px;
    padding-top:3px;
    padding-right:10px;
    padding-left:10px;
	color:#c71585;
}

.livre_or h4 {
    font:bold 12px/1.2 Verdana,sans-serif,Arial,Helvetica;
    color:#d2691e;
    margin:0px;
    margin-top:0px;
    margin-left:0px;
}

.livre_or a:active{
    color:#d2691e;
   padding-left:10px;    
}
.livre_or a:visited{
 color:#cd5c5c;
   padding-left:10px;    
}

.livre_or a:link{
   color:#d2691e;
   padding-left:10px;    
 }

.livre_or a:hover{
   color:#d2691e;
   text-decoration:underline;
   padding-left:10px;    
}

.livre_or center a:active{
   color:blue;
}
.livre_or center a:visited{
   color:blue;
}
.livre_or center a:link{
 color:blue;
}
.livre_or center a:hover{
   color:blue;
}

.livre_or hr{
 color:#c71585;
 background-color:#c71585;
 border-color:#c71585;
 margin-left:10px;
 margin-right:10px;
 padding-left:10px;
}

.livre_or .spacer a:visited{
 color:blue;
}
.livre_or .spacer a:link{
 color:blue;
}

.livre_or .spacer hr{
 color: #999;
 background-color: #999;
 border-color:#999;
 height: 1px;
 border: 0px;
 line-height:0px;
 margin-left:0px;
 }
.livre_or .spacer{
    clear:both;
    text-align:center;
    font:normal 10px/1.2 Arial,sans-serif,Verdana,Helvetica;
margin:0px;
    padding-right:0px;
    display:block;
 }

ul {
margin:0;
padding:0;
}

li {
list-style:none;
padding:2px;
padding-left:15px;
}

#page_welcome h1{
    font:bold 12px/1.2 verdana,Arial,sans-serif,Helvetica;
    text-align:left;
    padding-top:0px;
    padding-bottom:20px;
   color:#000;
   margin:0px;
display:none;
}

#page_welcome ul{
padding-bottom:15px;
}


#page_welcome .droite  {
    width:260px;
padding-top:50px;
    margin :0px;
    padding-right:20px;
    padding-left:0px;
    float : left;
}