@charset "utf-8";
/* auteur: Viviane Dautrevaux */
/* Date de création: 31/01/2011 */
/*CSS pour colères et vivitextes*/
/***fond de page***/
body {background-color:#FFFFF4; font-family:"Times New Roman",Georgia,Courier,serif; font-size:12pt; color:#000000;}

/***Titres***/
h1, h2, h3 {font-weight:bold; text-align:center;}
h1 {font-size:32pt;}
h2 {font-size:24pt;}
h3 {font-size:18pt;}

/***Paragraphes***/
p, p.cen, p.txt {font-size:1.12em;}
p {font-weight:normal; text-indent:30px;}
p.txt {font-weight:normal; text-indent:30px; margin:0 0 0 0;}
p.cen {font-weight:normal; text-align:center; text-indent:0;}

.cit {background-color:#ffffff; margin:20px; padding:10px; font-size:1.12em; color:#000080;}

/***Listes***/
ul, ol {font-size:1.12em; font-style:normal; font-weight:normal;}

/***Span***/
span.b {font-weight:bold;}
span.i {font-style:italic;}
span.bi {font-style:italic; font-weight:bold;}
span.bu {font-weight:bold; text-decoration:underline;}

/***HR***/
hr {color:#000080; height:2px; width:40%;}
hr.clear {clear:both; visibility:hidden; margin:0;}
hr.espace {visibility:hidden; height:20px; margin:0;}

/***div pour les commères***/
div.mb {background-color:#ffffff; font-size:1.12em; color:#000080; padding:10px; margin:10px 15px 10px 15px; border:thin solid #000000;}
div.haut {margin:0 20px 0 20px; height:200px; border:0; float:left; vertical-align:top;}

/***Div***/
div.note {background-color:#FFFFFF; font-size:1em; font-weight:bold; padding:10px; margin:20px; border:thin solid #000000;}
div.retour {margin:5px 40px 5px 0; text-align:right;}
div.txt {background-color:#ffffff; padding:10px; margin:10px 15px 0 15px; border:thin solid #000000;}

/***Encadrer un titre***/
#d11 {float:left;}
#d12 {float:right;}
/*code : (ajuster les largeurs)
<div id="d1">
   <div id="d11">ligne1, colonne1</div>
   <div id="d12">ligne1, colonne2</div>
</div>
*/

/***Div pour les float***/
div.shad {margin:0 20px 0 20px; height:160px; border:0; float:left; vertical-align:top;}
div.ans {width:200px; height:50px; text-align:center; float:left; border:thin solid #000080;}
div.tab {margin:20px;}

/**images flottantes**/
div.h {width:470px; height:380px; float:left; font-size:.87em; font-weight:bold; margin-right:20px;}
div.hm {width:550px; height:430px; float:left; font-size:.87em; font-weight:bold; margin-right:20px;}
div.hl {width:620px; height:430px; float:left; font-size:.87em; font-weight:bold; margin-right:20px;}
div.v {width:300px; height:430px; float:left; font-size:.87em; font-weight:bold; margin-right:20px;}
div.vh {width:450px; height:620px; float:left; font-size:.87em; font-weight:bold; margin-right:20px;}

/***Classes d'images***/
img.h {width:450px; height:338px; border:1px solid #000000; margin:5px 10px 5px 10px;}
img.hp {width:300px; height:225px; border:1px solid #000000; margin:5px 10px 5px 10px;}
img.hm {width:533px; height:400px; border:1px solid #000000; margin:5px 10px 5px 10px;}
img.hl {width:600px; height:400px; border:1px solid #000000; margin:5px 10px 5px 10px;}
img.hp {width:300px; height:225px; border:1px solid #000000; margin:5px 10px 5px 10px;}

img.v {width:300px; height:400px; border:1px solid #000000; margin:5px 10px 5px 10px;}
img.vh {width:450px; height:600px; border:1px solid #000000; margin:5px 10px 5px 10px;}
img.vp {width:250px; height:333px; border:1px solid #000000; margin:5px 10px 5px 10px;}
img.vxp {width:225px; height:300px; border:1px solid #000000; margin:5px 10px 5px 10px;}

/***petits logos W3C***/
div.w3c, div.ext {margin:20px 0 0 0; height:20px; border:0; float:left; vertical-align:top; text-align:center;}
div.w3c {width:60px;}
div.ext {width:30px;}
/*code html :
<div class="ext">traceur</div>
<div class="w3c"><a href="http://validator.w3.org/">
<img class="w3c" alt="" title="HTML 4.01 Transitional valide" src="http://www.w3.org/Icons/valid-html401-blue.png"></a>
</div>
<div class="w3c"><a href="http://jigsaw.w3.org/css-validator/">
<img class="w3c" alt="" title="CSS valide" src="http://jigsaw.w3.org/css-validator/images/vcss-blue"></a>
</div>
*/
/*img.log {width:56px; height:20px; border:0;}*/
img.w3c {width:45px; height:16px; border:0;}
img.ext {width:20px; height:20px; border:0;}

/***liens***/ 
a {font-size:1.12em; font-weight:bold; font-style:normal; color:#000080; text-decoration:none;}
a:hover {font-size:1.12em; font-weight:bold; font-style:normal; color:#ff0000; text-decoration:underline;}

a.col {font-size:1.12em; font-weight:bold; font-style:normal; color:#000080; text-decoration:none;}
a.col:hover {font-size:1.12em; font-weight:bold; font-style:normal; color:#ff0000; text-decoration:underline; background-color:#000000;}

a.haut {font-size:24pt; font-weight:bold; color:#000080; text-decoration:none; }
a.haut:hover {font-size:24pt; color:#FF80FF; text-decoration:underline;}

a.bas {font-size:24pt; font-weight:bold; font-style:italic; color:#000080; text-decoration:none;}
a.bas:hover {font-size:24pt; font-weight:bold; font-style:italic; color:#ff0000; text-decoration:underline;}

a.colere {font-size:24pt; font-weight:bold; font-style:italic; color:#000080; text-decoration:none;}
a.colere:hover {font-size:24pt; font-weight:bold; font-style:italic; color:#ff0000; text-decoration:underline; background-color:#000000;}

a.txt {font-size:24pt; font-weight:bold; font-style:italic; color:#000080; text-decoration:none;}
a.txt:hover {font-size:24pt; font-weight:bold; font-style:italic; color:#ffff00; text-decoration:underline; background-color:#0000A0;}

/***FIN***/