@charset "utf-8";
body {
background : repeat;
background-color : #0574b9;
background-image : url(outil/photo/fond_ciel_3.jpg);
background-repeat : no-repeat;
background-position : bottom;
font-family : Arial, Verdana, Helvetica, sans-serif;
text-align : center;
width : 994px;
margin-left : auto;
margin-right : auto;
margin-top : auto;
}
ul  {type="disc"}
ul
{
    /* Positioning width: 60%;*/
    margin-left:0px;
	margin-left:5px;
	padding-left:10px;
    text-align: left;
}
li
{
    /* Positioning */
    padding-left: 10px;
    vertical-align: top;

}
img {border-style: none; vertical-align: top}
img.droite {border-style: none; vertical-align: middle; }
img.index2 {border-style: none; vertical-align: top; width: 390px; height: 135px}
img.index1 {border-style: none; vertical-align: top; width: 320px; height: 200px}
img.index480 {border-style: none; vertical-align: top; width: 480px; height: 293px}
img.index320 {border-style: none; vertical-align: top; width: 320px; height: 293px}
.contourbas {
border-bottom : 1px solid #000000;
} 
.button {
  font: bold 14px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

/* les tables */

table.externe {
width : 994px;
border-width : 0;
border-spacing : 0;
background-color : #fff;
margin-left : 0;
margin-right : 0;
margin-top : 0;
margin-bottom : 0;
/*border-collapse : collapse;*/
}
table.externebleu {
width : 994px;
border-width : 0;
border-spacing : 0;
background-color : #87cefa;
margin-left : 0;
margin-right : 0;
margin-top : 0;
margin-bottom : 0;
border-collapse : collapse;
}
table.externebas {
width : 994px;
border-width : 0;
border-spacing : 0;
background-color : #fff;
margin-left : 0;
margin-right : 0;
margin-top : 0;
margin-bottom : 0;
/*border-collapse : collapse;*/
border-bottom : 1px solid #000000;
}
table.interne {
background-color : white;
width : 974px;
}
table.interne-trans {width: 100%; margin: 0; border: 0; padding: 0; top: auto}
table.interne100 {background-color: white; width: 100%; margin: 0; border: 0; padding: 0; top: auto}
table.interne620 {background-color: white; width: 620px; margin: 0; border: 0; padding: 0; top: auto}
table.interne680 {background-color: white; width: 680px; margin: 0; border: 0; padding: 0; top: auto}
table.interne290 {background-color: white; width: 290px; margin: 0; border: 0; padding: 0; top: auto}
table.interne320 {background-color: white; width: 322px; margin: 0; border: 0; padding: 0; top: auto}
table.interne640 {background-color: white; width: 640px; margin: 0; border: 0; padding: 0; top: auto}
table.interne100border {border-width: thin;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;}
table.interne96pad {background-color: white; width: 96%; margin: 0; border: 0; padding: 0; top: auto}
table.interne96indent {background-color: white; width: 96%; margin: 0; border: 0; padding: 0; top: auto; text-indent: 15%}
table.interne100biblio {
background-color : #87cefa;
width : 100%;
height : 0;
text-align : center;
border : none;
margin-left : auto;
margin-right : auto;
margin-top : auto;
}
table.interne100nuit {background: url(outil/photo/clipart/fondnuitbrille.gif); width: 100%; text-align: left; margin: 0px; border: 0px; padding: 0px; color: #FFFFCC; background-color: black}
table.interne95 {
width: 95%;
}
table.interne90 {
background-color : #c6cffe;
width : 90%;
height : auto;
}
table.interne96left {
background-color : #c6cffe;
width : 96%;
text-align : left;
margin-left : auto;
margin-right : auto;
margin-bottom : auto;
margin-top : auto;
}
table.entete {
background-color : white;
width : 100%;
background-image : url(outil/photo/clipart/gradient_entete_bleu.png);
text-align : center;
}
table.entete974 {
background-color : white;
width : 974px;
background-image : url(outil/photo/clipart/gradient_entete_bleu974.png);
text-align : center;
}

/* les TD */

td.horizontal {
width : 38px;
}
td.border {border-width: thin;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;
}
td.bleug {
background-image : url(outil/photo/clipart/gradient_gauche_bleu.png);
background-repeat : repeat-y;
width : 10px;
}
td.bleud {
background-image : url(outil/photo/clipart/gradient_droite_bleu.png);
background-repeat : repeat-y;
width : 9px;
}
td.bleud2 {
background-image : url(outil/photo/clipart/gradient_droite_bleu.png);
background-repeat : repeat-y;
width : 7px;
}
td.div50 {
vertical-align : top;
text-align : left;
width : 50%;
font-size : 12px;
}
td.gauche {
vertical-align : top;
text-align : left;
width : 458px;
font-size : 12px;
}
td.gauche484 {
vertical-align : top;
text-align : left;
width : 484px;
font-size : 14px;
}
td.droite {
vertical-align : top;
text-align : center;
width : 290px;
font-size : 12px;
}
td.droite1 {
vertical-align : top;
text-align : center;
width : 230px;
font-size : 12px;
}
td.droite640 {
vertical-align : top;
text-align : center;
width : 640px;
font-size : 12px;
}
td.droite484 {
vertical-align : top;
text-align : center;
width : 484px;
}
td.droite2 {
vertical-align : top;
text-align : right;
font-size : 10px;
}
td.gauchebiblio {
vertical-align : top;
text-align : center;
width : 458px;
font-size : 12px;
background-color : #87cefa;
border : none;
margin-left : auto;
margin-right : auto;
margin-top : auto;
}
td.topleft14 {
vertical-align : top;
text-align : left;
font-size : 14px;
line-height : 1;
font-weight : bold;
}
td.topleft14normal {
vertical-align : top;
text-align : left;
font-size : 14px;
}
td.topleft {
vertical-align : top;
text-align : left;
line-height : 1;
font-size : 12px;
}
td.topleft392 {
vertical-align : top;
text-align : left;
width: 392px
}
td.topleftpad {
vertical-align : top;
text-align : left;
line-height : 1;
font-size : 12px;
margin: 0;
border: 0;
padding: 4px; 
}
td.topleftbleu {
vertical-align : top;
text-align : left;
line-height : 1;
font-size : 12px;
}
td.topleft14 {
vertical-align : top;
text-align : left;
line-height : 1;
font-size : 14px;
}
td.topleft18 {
vertical-align : top;
text-align : left;
line-height : 1;
font-size : 18px;
}
td.topleft20 {
vertical-align : top;
text-align : left;
line-height : 1;
}
td.topleft24 {
vertical-align : top;
text-align : left;
line-height : 1;
font-size : 24px;
}
td.toplefttete {text-align: left; font-size: 16px; font-weight: bold; font-style: italic; vertical-align: middle; width: 270px}
td.toplefttete1 {text-align: left; font-size: 16px; font-style: italic; vertical-align: middle; width: 270px}
td.topright {vertical-align: top; text-align: right; line-height: 1}
td.topleft {vertical-align: top; text-align: left; line-height: 1}
td.caldate {text-align: left; font-size: 12px; font-style: italic; vertical-align: middle; width: 80px}
td.topcenterpad {
vertical-align : top;
text-align : center;
font-size : 12px;
padding-left : 6px; 
padding-top: 2px;
padding-right : 6px;
padding-bottom : 2px; 
}
td.topcenterst {
vertical-align : top;
text-align : center;
font-size : 12px;
}
td.topcenter14 {
vertical-align : top;
text-align : center;
font-size : 14px;
}
td.topcenter320 {
vertical-align : top;
text-align : center;
font-size : 14px;
width: 320px
}
td.topcenter18 {
vertical-align: top; 
text-align: center; 
font-size: 18px; 
}
td.topbleu {
background-color: #87CEFA; 
vertical-align: top;
}
td.topcenterst24 {
vertical-align: top; 
text-align: center; 
font-size: 24px; 
background-color: #87CEFA
}
td.topcenterst22entete {
vertical-align: top; 
text-align: center; 
font-size: 22px; 
font-style: italic;
}
td.topcenterst22 {
vertical-align: top; 
text-align: center; 
font-size: 22px; 
background-color: #87CEFA
}
td.topcenterst36 {
vertical-align: top; 
text-align: center; 
font-size: 36px; 
font-style: italic;
font-weight: bold;
background-color: #87CEFA
}
td.topcenter138 {
vertical-align : top;
text-align : center;
font-size : 12px;
width : 138px;
}
td.topmiddlest {
vertical-align : middle;
text-align : center;
font-size : 12px;
}

/* les DIV */

div#IDmarginnuit {  /* box-wrapper */
    background: #ffffff;
    /*border: 1px solid #fff;*/
}
div#IDborder { /* box */
    background: url(outil/photo/clipart/fondnuitbrille.gif);
    /*margin: 20px;
    padding: 20px;
    background: #ffffff;*/
}
div#IDpadding {
    background: url(outil/photo/clipart/fondnuitbrille.gif); 
	padding: 4px 4px; 
	text-align: left; 
	color: white
	}

div#IDpadding2 {
    background: url(outil/photo/clipart/fondnuitbrille.gif); 
	padding: 2px 2px; 
	text-align: left; 
	color: white
	}
div.boite {
border-top: 1px solid #87CEFA; 
border-right: 1px solid #87CEFA; 
border-bottom: 1px solid #87CEFA; 
border-left: 1px solid #87CEFA; 
margin-top: 2px;
margin-bottom: 2px;
}
div.boite-bleu {
border-top: 1px solid #87CEFA; 
border-right: 1px solid #87CEFA; 
border-bottom: 1px solid #87CEFA; 
border-left: 1px solid #87CEFA; 
margin-top: 2px;
margin-bottom: 2px;
background-color: #87CEFA;
color: white
}
div.boitenews {
border-top: 2px solid #87CEFA; 
border-right: 2px solid #87CEFA; 
border-bottom: 2px solid #87CEFA; 
border-left: 2px solid #87CEFA; 
margin-top: 2px;
margin-bottom: 2px;
padding: 4px;
}
div.boitenews-blanc {
border-top: 2px solid #87CEFA; 
border-right: 2px solid #87CEFA; 
border-bottom: 2px solid #87CEFA; 
border-left: 2px solid #87CEFA; 
background-color: white;
margin-top: 2px;
margin-bottom: 2px;
padding: 4px;
}
div.credit {
font-size : 10px;
text-align : right;
height : auto;
}
div.creditjaune {font-size: 11px; text-align: right; height: auto; color: yellow}
div.creditleft {
font-size : 10px;
text-align : left;
height : auto;
}
div.creditcenter {font-size: 10px; text-align: center; height: auto; color: black}
div.index {
font-size : 11px;
text-align : left;
height : auto;
}
div.creditb {
font-size : 10px;
text-align : left;
height : auto;
font-weight : bold;
}
div.titreleft {
text-align : left;
font-size : large;
font-weight : bold;
}
div.grostitrecenter {
text-align : center;
font-size : xx-large;
font-weight : bold;
height : auto;
}
div.left {
text-align : left;
height : auto;
}
div.center {
text-align : center;
}
div.right {text-align: right}
div.right11 {text-align: right; font-size: 11px}
div.center18 {
text-align: center; 
font-size: 18px
}
div.center12 {
text-align: center; 
font-size: 12px
}
div.center14 {
text-align: center; 
font-size: 14px
}
div.center12noir {text-align: center; font-size: 12px; color: black}
div.border10 {
border : none;
}


/* les hyperliens */

a:link {
color : blue;
text-decoration : none;
}
a:visited {
color : #990066;
text-decoration : none;
}
a:hover {
color : #008543;
background-color : transparent;
text-decoration : underline;
}
a:active {
color : #990066;
text-decoration : none;
}
a.menutopblancmenutopblanc:link {
color : yellow;
font-size : 10pt;
text-decoration : underline;
line-height : 0;
}
a.menutopblanc:visited {
color : #FF00AC;
font-size : 10pt;
line-height : 0;
}
a.menutopblanc:hover {
color : #87CEFA;
font-size : 10pt;
background-color : transparent;
text-decoration : none;
line-height : 0;
}
a.menutopblanc:active {
color : #ffcc66;
font-size : 10pt;
line-height : 0;
}
a.menutopnoir:link {
color : #49241c;
font-size : 8pt;
text-decoration : underline;
line-height : 0;
}
a.menutopnoir:visited {
color : #49241c;
font-size : 8pt;
text-decoration : underline;
line-height : 0;
}
a.menutopnoir:hover {
color : blue;
font-size : 8pt;
background-color : transparent;
text-decoration : none;
line-height : 0;
}
a.menutopnoir:active {
color : #49241c;
font-size : 8pt;
text-decoration : underline;
line-height : 0;
}
a.menutopnoir10:link {
color : #49241c;
font-size : 10pt;
text-decoration : underline;
line-height : 0;
}
a.menutopnoir10:visited {
color : #49241c;
font-size : 10pt;
text-decoration : underline;
line-height : 0;
}
a.menutopnoir10:hover {
color : blue;
font-size : 10pt;
background-color : transparent;
text-decoration : none;
line-height : 0;
}
a.menutopnoir10:active {
color : #49241c;
font-size : 10pt;
text-decoration : underline;
line-height : 0;
}
a.menubleuligne9:link {
color : blue;
font-size : 8pt;
background-color : transparent;
text-decoration : underline;
line-height : 0;
}
a.menubleuligne9:visited {
color : #49241c;
font-size : 8pt;
text-decoration : underline;
line-height : 0;
}
a.menubleuligne9:hover {
color : black;
font-size : 8pt;
background-color : transparent;
text-decoration : none;
line-height : 0;
}
a.menubleuligne9:active {
color : blue;
font-size : 8pt;
background-color : transparent;
text-decoration : underline;
line-height : 0
}
a.menubleuligne10:link {
color : blue;
font-size : 10pt;
background-color : transparent;
text-decoration : underline;
line-height : 0;
}
a.menubleuligne10:visited {
color : #49241c;
font-size : 10pt;
text-decoration : underline;
line-height : 0;
}
a.menubleuligne10:hover {
color : black;
font-size : 10pt;
background-color : transparent;
text-decoration : none;
line-height : 0;
}
a.menubleuligne10:active {
color : blue;
font-size : 10pt;
background-color : transparent;
text-decoration : underline;
line-height : 0
}
a.menutopnoir12:link {
color : #49241c;
font-size : 12pt;
text-decoration : underline;
line-height : 0;
}
a.menutopnoir12:visited {
color : #49241c;
font-size : 12pt;
text-decoration : underline;
line-height : 0;
}
a.menutopnoir12:hover {
color : blue;
font-size : 12pt;
background-color : transparent;
text-decoration : none;
line-height : 0;
}
a.menutopnoir12:active {
color : #49241c;
font-size : 12pt;
text-decoration : underline;
line-height : 0;
}
a.photo:link {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 7pt;
text-decoration : underline;
color : #00ffff;
}
a.photo:visited {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 7pt;
text-decoration : underline;
}
a.photo:hover {
color : #ffffcc;
font-size : 7pt;
background-color : transparent;
text-decoration : none;
}
a.photo:active {
color : #ffffcc;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 7pt;
}
a.bleu:link { 
color : #7bf8f8; 
} 
a.bleu:visited { 
color : #f200a3; 
} 
a.bleu:hover { 
color : white; 
background-color : transparent; 
text-decoration : underline; 
} 
a.bleu:active { 
color : #5cb8b8;
} 
a.bleu11:link { 
color : #7bf8f8;
font-size : 11pt; 
} 
a.bleu11:visited { 
color : #f200a3;
font-size : 11pt; 
} 
a.bleu11:hover { 
color : white;
font-size : 11pt; 
background-color : transparent; 
text-decoration : underline; 
} 
a.bleu11:active { 
color : #5cb8b8;
font-size : 11pt; 
}
a.blanc:link {color: #FAFAC8} 
a.blanc:visited { 
color : #990066; 
} 
a.blanc:hover { 
color : blue; 
background-color : transparent; 
text-decoration : underline; 
} 
a.blanc:active { 
color : #FAFAC8; 
} 
a.blancligne:link {
color: #FAFAC8;
text-decoration : underline;
} 

a.blancligne:visited { 
color : #FF99FF;
text-decoration : underline;  
} 
a.blancligne:hover {color: #05F9FF; background-color: transparent; text-decoration: none} 
a.blancligne:active { 
color : #FAFAC8; 
text-decoration : underline; 
} 

a.alerte:link { 
color : #008543; 
text-decoration : none; 
font-weight : bold; 
font-style : italic; 
} 
a.alerte:visited { 
color : #990066; 
text-decoration : none; 
} 
a.alerte:hover { 
color : blue; 
background-color : transparent; 
text-decoration : underline; 
} 
a.alerte:active { 
color : #008543; 
text-decoration : none; 
font-weight : bold; 
font-style : italic; 
} 

/* les FONT */

.tres-gros-titre-italic {
font-size : 48px;
font-family : Lucida Handwriting;
}
.tres-gros-titre {
font-size : 48px;
}
.gros-titre {
font-size : 24px;
}
.titre {
font-size : 18px;
}
.sous-titre {
font-size : 16px;
}
.texte {
font-size : 14px;
font-family : Arial, Verdana, Helvetica, sans-serif;
}
.dict {
font-family : Arial, Verdana, Helvetica, sans-serif;
color : green;
text-decoration : underline;
}
.sous-texte {
font-size : 12px;
font-family : Arial, Verdana, Helvetica, sans-serif;
}
.credit {
font-size : 10px;
text-align : right;
}
.jaune {
color : yellow;
}
.blancnuit {color: #FFFBA6; text-align: left; border: none; margin: 0; padding: 0}
.nuit {
color : yellow;
background : url(outil/photo/clipart/fondnuitbrille.gif);
}

/* les POST */

.postMeta {
color : black;
background-color : #efefef;
font-weight : normal;
font-size : 80%;
padding : 2px 5px 2px 5px;
margin : 0 0;
border-bottom : 1px solid #ccc;
}
.post .sous-texte {
padding : 2px 5px 2px 5px;
}
.postMeta H1 {
padding : 10px 0;
margin : 0;
line-height : 0.9em;
font-size : 225%;
color : #333;
}
.postMeta span.author A {
color : #333;
font-weight : normal;
font-style : normal;
}
.postMeta span.date {
color : #777;
}
.postMeta .comments {
background : transparent url('../images/bubble_16_grey.png') no-repeat left center;
padding-left : 20px;
margin-left : 15px;
line-height : 10px;
}
.postMeta .comments A {
color : #009;
font-weight : normal;
}
.post .postImage {
position : relative;
width : auto;
}
.post .postImagePetite {
float : left;
margin : 12px 10px 5px 0;
}
.post .entry .postImagePetite .petite {
padding : 2px;
background-color : #efefef;
border : 1px solid #ccc;
}
.post .legendePhoto {
position : absolute;
cursor : default;
text-align : center;
right : 0;
bottom : 0;
height : 16px;
line-height : 16px;
padding : 2px 15px;
background-color : #000;
color : #ffffff;
font-size : 70%;
}
.post .legendePhoto SPAN {
color : #999;
}
.post .postImagePetite .legendePhoto {
right : 3px;
bottom : 3px;
padding : 2px 6px;
height : 12px;
line-height : 12px;
font-size : 60%;
}
.post .postImage {
position : relative;
width : auto;
}
.post .postImagePetite {
float : left;
margin : 12px 10px 5px 0;
}
.post .entry .postImagePetite .petite {
padding : 2px;
background-color : #efefef;
border : 1px solid #ccc;
}
.post .legendePhoto {
position : absolute;
cursor : default;
text-align : center;
right : 0;
bottom : 0;
height : 13px;
line-height : 13px;
padding : 2px 15px;
background-color : #000000;
color : #ffffff;
font-size : 70%;
}
.post .legendePhoto SPAN {
color : #ffffff;
}
.post .postImagePetite .legendePhoto {
right : 3px;
bottom : 3px;
padding : 2px 2px;
height : 12px;
line-height : 12px;
font-size : 60%;
}
.bloc {
margin-left : 2em;
}
div.thumb {
margin-bottom : 0.5em;
border-style : solid;
border-color : white;
width : auto;
overflow : hidden;
}
div.thumb div {
border : 1px solid #cccccc;
padding : 2px !important ;
background-color : #f9f9f9;
font-size : 10px;
font-family : Arial, Verdana, Helvetica, sans-serif;
text-align : right;
}
div.thumb div a img {
border : 1px solid #cccccc;
}
div.thumb div div.thumbcaption {
border : none;
padding : 0.1em 0 0.1em 0;
font-size : 10px;
text-align : right;
}
div.magnify {
display : none;
}
div.tright {
float : right;
clear : right;
border-width : 0.1em 0 0.8em 1.4em;
top : 1em;
}
div.tcenter {float: none; clear: both; border-width: thin; top: 1em}
div.tleft {
float : left;
margin-right : 0.5em;
border-width : 0.5em 1.4em 0.8em 0;
}
img.thumbborder {
border : 1px solid #dddddd;
}

iframe { border: none; };