@charset "utf-8";
/* CSS Document */

body{margin:0; background-image:url(img/images.jpg); font-family:Tahoma, Geneva, sans-serif; color:#ceba95; font-size:11px; position:absolute;}
h1{font-size:14px; font-weight:bold;}
h2{font-size:13px;}
h3{font-size:12px;}

/* Famille Containers */

#header{width:600px; height:198px; margin-left:300px; float:left; background-image:url(img/header_bg.jpg); background-repeat:no-repeat; background-color:#a8005b; position:absolute; border-bottom:#202020 dotted 2px; color:#ceba95; font-size:13px; text-transform:uppercase; font-weight:bold;}

#navRight{width:300px; height:200px; float:left; position:fixed; margin-left:897px;}
#leftMargin{width:300px; height:640px; background-image:url(img/leftCol_bg.png); float:left; top:200px; left:0px; position:fixed;}
#main{width:600px; min-height:600px; background-color:#7e8e23; float:left; position:absolute; top:200px; left:300px;}
#main a:link{text-decoration:none; color:#ceba95;}
#main a:visited{text-decoration:none; color:#ceba95;}
#main a:hover{text-decoration:none; color:#303030;}
#rightCol{width:260px; height:600px; float:left; background-image:url(img/rightCol_bg.png); position:fixed; top:200px; left:900px; padding:20px;}
#rightCol a:link{color:#ceba95; text-decoration:none;}
#rightCol a:visited{color:#ceba95; text-decoration:none;}
#rightCol a:hover{color:#303030; text-decoration:none;}
#rightMargin{width:100%; height:575px; float:right; background-color:#a8005b; position:fixed; top:200px; z-index:-1; margin-left:1200px; border-left:#202020 dotted 2px;}
#footer{width:560px; height:60px; background-color:#a9005b; clear:both; padding:20px;}


/* Famille Constructeurs */
#slider{width:600px; height:300px;}

#sep{width:100%; height:10px; background-color:#ceba95; float:left; border-bottom:#202020 dotted 2px; border-top:#202020 dotted 2px;}

#savoir{width:260px; float:left; margin-bottom:20px;}
#imageSavoir{width:100px; float:left;}
#texteSavoir{width:160px; float:left;}

/* Eléménets graphiques */
#imageSavoir img{width:80px; height:80px; padding:3px; background-color:#ceba95; border:#303030 dotted 1px; vertical-align:middle; margin-right:5px;}


/* Classes */
.titre24{color:#a8005b; font-size:24px; text-transform:uppercase; padding:20px 0 0 20px;}
.titre22{color:#a8005b; font-size:22px; text-transform:uppercase; padding:20px 0 0 20px;}
.titre24bis{color:#e2007a; font-size:24px; text-transform:uppercase;}
.titre18{color:#a8005b; font-size:18px; text-transform:uppercase; margin-bottom:5px; padding:20px 0 0 20px;}

.yellow13{font-size:13px; padding:20px; line-height:14px;}
.yellow13Sans{font-size:13px; line-height:14px;}
.purple18Up{color:#a8005b; font-size:18px; text-transform:uppercase; line-height:18px;}
.purple14{color:#a8005b; font-size:14px;}
.purple11Ital{color:#a8005b; font-size:11px; font-style:italic;}
.ital12{font-style:italic; font-size:12px;}
.bold13{font-weight:bold; font-size:13px;}
.pinkBold12{color:#a8005b; font-size:12px; font-weight:bold;}
.pink18Ital{color:#a8005b; font-size:18px; font-style:italic; line-height:20px;}
.butHeader a:link, a:visited{color:#603; text-decoration:none;}
.butHeader a:hover{color:#606060; text-decoration:none;}
.inputnews{width:210px; height:20px; background:none; border:0px; margin:0 0 2px 5px;}
.butNews{width:30px; height:30px; background:none; border:0px; color:#e2007a; cursor:pointer; padding:0 0 2px 2px;}
.inputForm{width:200px; height:20px; background:none; border:#303030 dotted 1px;}
.photosGal{border:#303030 dotted 1px; padding:3px; background-color:#ceba95; width:80px; height:80px;}
.photosAktus{border:#303030 dotted 1px; padding:3px; background-color:#ceba95;}
.zootrop a:link{border-bottom:{#303030 dotted 1px; color:#999;}
.zootrop a:visited{border-bottom:{#303030 dotted 1px; color:#999;}
.zootrop a:hover{border-bottom:{#303030 dotted 1px; color:#999;}