/* CSS Document */
/* Structure du document
- reset
- parametres globaux
- éléments clefs
- elements multi-pages
- layout + specifique page par page
- commentaires typographie et couleurs alternatives
*/

/* Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol,  ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;z-index: 1;}

/* Set */
html, body {height:100%;width: 100%;}
body {font-family: Times New Roman, Times, serif;background-color: #FFF/*4D4D4D*/;}
/* body {font-family:Verdana,Arial,Helvetica,sans-serif;} */
/* body {font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;}*/
/* body {font-family:Verdana,Arial,Helvetica,sans-serif;}*/
/* body {font-family: "Courier New", Courier, "Liberation Mono", monospace;}*/
a {text-decoration: none;}
h1 {font-size:x-large;font-weight: normal;font-style: normal;}
h2 {font-size:x-large;font-weight: normal;font-style: normal;}
img {vertical-align:bottom;}
table {border-spacing: 0;border-collapse: collapse;}
ul {list-style-type: square;}
li {color:  #999/*CCC*/;} /* 666*/
a:link {color:#666/*FFF*/;font-weight:normal;}
a:visited {color:#666/*FFF*/;font-weight:normal;}
a:hover {color: #800000; font-weight:bold;}
a:active {color: #800000; font-weight:bold;font-style: normal;}
img {border-color: #D34;}
/*.ddegrade{
background-color: #4D4D4D;
background-image:linear-gradient(0deg, #666, #4D4D4D); 
background-image:-moz-linear-gradient(0deg, #666, #4D4D4D);
background-image:-webkit-linear-gradient(0deg, #666, #4D4D4D);
background-image:-o-linear-gradient(0deg, #666, #4D4D4D);
background-image:-ms-linear-gradient(0deg, #666, #4D4D4D);
}*/


/* Elements clefs  */
#conteneur { /*le conteneur global du site, qui sera centré */position:relative;height:100%/*autre alternative en limitant et centrant la hauteur : height:750px;top:50%; margin-top:-375px*/;zoom: 1;width:1024px;margin-right:auto;margin-left:auto;}
@media only screen and (max-height: 750px) {
	#conteneur { position: relative; height:750px; top: 0; margin-top:0;}
}
@media only screen and (max-height: 622px) {
	#conteneur { position: relative; height:622px; top: 0; margin-top:0;}
}

#menu {position:absolute ;height:65px;top:0; width:100%;/*background: url(Commun/menu-item.png) repeat-x*/z-index:2;}
#menu_titre{line-height: 30px;width:940px;margin-top: 15px;margin-left: 42px;text-align: left;font-size:x-large;font-weight: normal;font-style: italic;border-bottom:1px solid #CCC/* 800000*/;color:#999/*DDD*/;}
#menu ul {width:750px;float:right;margin-left: 0px;margin-right: 15px;margin-top:5px;}
#menu li {position:relative;display:block;width: 90px;float:left;height:2.5em;text-align:center;}
#menu a {text-align:left;font-size: 15px;}
#menu a:link, #menu a:visited {color: #999/*CCC*/;}
#menu a:hover, #menu a:active {color: #666/*FFF*/;}

#menu .menusous {display: none;width: 200px;float:left;margin-top:0px;padding: 5px 10px;background-color:#FFF/*666*//*999*/; border:1px solid #CCC/*800000*/;z-index:3;}
#menu .menusous li{float: none;height:1em;width: 200px;}
#menu .menusous li a:link, #menu .menusous li a:visited{ display: block;color: #999/*CCC*/;}
#menu .menusous li a:hover {color: #666/*FFF*/;}
#menu li:hover > .menusous { display: block;}

#conteneurcentral {height: 100%;width: 100%;text-align: center; /* A TESTER */vertical-align: middle; /* A TESTER */color:#999/*CCC*/ ;}
#conteneurcentral_table {height: 100%;width: 100%;text-align: center;}
#conteneurcentral table {height: 100%;width: 100%;text-align: center;}
#conteneurcentral_td {height: 100%;width: 100%;padding-top:95px;vertical-align: middle;text-align: center;}

/* Elements multipages      B5B5B5 */
/* #vignettes img {border: 1px solid #777777;}
#vignettes  img:hover {border: 1px solid #D7D7D7;} */
#photo {margin-top: 0;margin-bottom: 0.5em;visibility:hidden}
.motcle {font-weight: bold;}
.motitalique {font-style: italic;}


/* Page index */
#index_titre {position:absolute; top: 27%;margin-top:0;width:300px;left:50%; margin-left: -150px;/* - moitie largeur  */ z-index:1;}
#index_titre a:link, #index_titre a:visited {color: #999/*CCC*/;}
#index_titre a:hover, #index_titre a:active {color: #666/*FFF*/;font-weight: normal;}
#index_texte {position:absolute;height: 100px;top:70%;width:700px;left:50%;margin-left: -350px;/* - moitie largeur  */text-align:justify;font-style: italic;}
#index_message {position:absolute;bottom: 0;width: 300px;left:50%;margin-left: -150px; /* - moitie largeur  */border: 0;text-align:center;font-size: x-small;font-style: italic;color: #666/*CCC*/;}
.index_auteur {text-align: right;} 

/* Page series */
#series_cadre_texte_haut {width:900px;margin:auto;display:table;}
#series_texte_haut {display:table-cell;vertical-align:middle;text-align: left;width: 900px;margin-left: 62px;}
#series_cadre_cross {position:relative;height: 470px;width:940px;margin: auto;}
#series_cross {position:relative;height:420px;width: 940px;}
.series_cross_1 {position:absolute;left: 50px;top: 185px;}/*{position:relative;left: -425px;top: 0%;}185*/
.series_cross_2 {position:absolute;left: 150px;top: 320px;}
.series_cross_3 {position:absolute;left: 200px;top: 60px;}
.series_cross_4 {position:absolute;left: 330px;top: 388px;}
.series_cross_5 {position:absolute;left: 360px;top: 215px;}
.series_cross_6 {position:absolute;left: 530px;top: 100px;}
.series_cross_7 {position:absolute;left: 580px;top: 330px;}
.series_cross_8 {position:absolute;left: 700px;top: 30px;}
.series_cross_9 {position:absolute;left: 750px;top: 370px;}
.series_cross_10 {position:absolute;left: 00px;top: 40px;}
.series_cross_titre {font-style: italic;font-weight: bold;font-size:small;	color:#999 /* 800000 */;}
#series_cadre_texte_bas {width:900px;margin:auto;display:table;}
#series_texte_bas {display:table-cell;vertical-align:middle;text-align: left;width: 900px;margin-left: 62px;}
#series_message {position:absolute;bottom: 0;width: 300px;left:50%;margin-left: -110px; /* - moitie largeur  */border: 0;text-align:center;font-size: x-small;font-style: italic;color:#999/*CCC*/;}

/* Modèle sserie */
#sserie_menu {position:absolute;height:65px;top:0;left:0;width:100%;background:#FFF/*4D4D4D*/;/*background: url(Commun/menu-item.png) repeat-x*/ z-index:3;}
#sserie_menu_titre{line-height: 30px;vertical-align:middle;width:940px;margin-top: 15px;margin-left: 42px; text-align: left;font-size:x-small;font-weight: normal;font-style: italic;border-bottom:1px solid #CCC/*999*//* 800000 */;}
#sserie_menu a {color: #999/*CCC*/;}
#sserie_menu a:hover, #sserie_menu a:active {color: #666/*FFF*/;}
#sserie_titre {position:absolute;top: 0%;width:940px; margin-top: 15px; margin-left:42px/*margin-left: -449px*/;font-style: italic; font-size:x-large;font-weight:normal;color:#999/*CCC*//* 800000 */;z-index:3;} 
#sserie_vignettes {position:absolute;top:0%;margin-top:50px;height:100px;width:900px;margin-left: 62px/*margin-left: -439px*//* - moitie largeur  */;text-align:center;font-style: italic;visibility:visible;z-index:3;background-color:#FFF/*4D4D4D*/;}
#sseries_layer_0, #sseries_layer_1, #sseries_layer_2, #sseries_layer_3, #sseries_layer_4, #sseries_layer_5, #sseries_layer_6, #sseries_layer_7, #sseries_layer_8, #sseries_layer_9, #sseries_layer_10, #sseries_layer_11
{position:absolute;top:50%;height: 500px; margin-top: -190px/* -150px - moitie hauteur +marge */;width:100%;/* - moitie largeur  *//*margin-left: -500px*/text-align:center;vertical-align:middle;}
#sserie_texte {margin-top: 10%;width:300px;margin-left:362px/*margin-left: 0px*/;text-align:left;vertical-align:middle;font-style: italic;visibility:visible;}
.sserie_photo_titre {font-size: small;font-weight:bold;}
.sserie_photo_description {font-size: small;font-weight:normal;}

/* Modèle serie */
#serie_fleche_haut {position:absolute;top: 0;left:50%;padding-top:4em;width:30px; height:30px; margin-left: -15px; /* - moitie largeur  */Z-index:0;}
#serie_fleche_gauche {position:absolute;top:50%;margin-top: 0px;left:5%;}
#serie_fleche_droite {position:absolute;top:50%;margin-top: 0px;right:5%;}
#serie_texte {position:absolute; height: 100px;top:75%; width:330px;left:50%; margin-left: -165px;/* - moitie largeur  */ text-align:left;font-style: italic;visibility:visible;}
#serie_photo {margin-top: 0px;visibility:hidden}
#serie_titre {position:absolute; top: 20%;margin-top:0%;width:300px;left:50%; margin-left: -150px;/* - moitie largeur  */font-style: italic; font-size:20px;color:#999/*CCC*//* 800000 */;}
#serie_photo {margin-top: 0px;visibility:hidden}
#serie_message {position:absolute;bottom: 0;width: 300px;left:50%;margin-left: -150px; /* - moitie largeur  */border: 0;text-align:center;font-size: x-small;font-style: italic;color:#999/*CCC*/;}
#serie_fleche_bas {position:absolute;bottom: 0;left:50%;margin-left: -15px; visibility:hidden;}
#visages_texte {font-style: normal;color:#CCC;}

/* Modèle cadre */
#cadre{height:100%;}
#cadre_fleche_haut {position:absolute;top: 0;left:50%;padding-top:4em;width:30px; height:30px; margin-left: -15px;/* - moitie largeur  */Z-index:0;}
#cadre_fleche_gauche {position:absolute;top:50%;margin-top: 0px;left:5%;}
#cadre_fleche_droite {position:absolute;top:50%;margin-top: 0px;right:5%;}
#cadre_photo {position:absolute;top:50%;margin-top: -200px;height:480px; /* tableau 460 */width:800px;/* tableau 346 */left:50%;margin-left: -400px; /* - moitie largeur  */color:#999/*CCC*/;}
#cadre_titre {width:800px;left:50%;margin-top: 5px;margin-bottom: 3px;text-align:center;font-size: small;font-weight:bold;color:#999/*CCC*/;}
#cadre_titre img{margin:0 auto;}
#visages_texte {position:absolute; height: 100px;top:0; margin-top: -65px;width:470px;left:50%; margin-left: -235px;/* - moitie largeur  */ text-align:justify;font-style: normal;}
#cadre_description {font-weight:normal;}
#cadre_message {position:absolute;bottom: 0;width: 300px;left:50%;margin-left: -150px; /* - moitie largeur  */border: 0;text-align:center;font-size: x-small;font-style: italic;color:#999/*CCC*/;}
#cadre_fleche_bas {position:absolute;bottom: 0;left:50%;margin-left: -15px; visibility:hidden;}
.cadre_signature {color:#666;font-weight:bold;}

/* Page diaporama */
#diaporama_flashcontent {width:100%;height:100%;font-style:italic;}

/* Page exposition */
#exposition {height:100%;width: 100%;} 
#exposition table {;width: 100%;text-align: center;}
#exposition td {vertical-align: middle; /* A TESTER */}
#exposition img {border: 1px solid #CCC/*808080*/;}
#exposition_details {font-size:small;font-style: italic;}
#exposition_message {position:absolute;bottom: 0;width: 300px;left:50%;margin-left: -150px; /* - moitie largeur  */border: 0;text-align:center;font-size: x-small;font-style: italic;color:#999/*CCC*/;}

/* Page dialogues A nettoyer*/
#dialogues {height:100%;width: 100%;} 
#dialogues table {height:100%;width: 100%;text-align: center;}
#dialogues td {vertical-align: middle; /* A TESTER */}
#dialogues img {border: 2px solid #808080;}
.dialogues_details {font-size:small;font-style: italic;}
#dialogues_fleche_gauche {position:absolute;top:50%;margin-top: 0px;left:4px;border: none;}
#dialogues_fleche_droite {position:absolute;top:50%;margin-top: 0px;right:4px;}
#dialogues_fleche_gauche img, #dialogues_fleche_droite img{border: none;}

/* Modele expo */
#expo {width:1024px;overflow: hidden;}
#expo_photo {height:560px/*grande: 590px 4D4D4D*/;}
#expo_fleche_haut {position:absolute;top: 0;left:50%;padding-top:2em;width:30px; height:30px; margin-left: -15px; /* - moitie largeur  */visibility:hidden;}
#expo_fleche_gauche {position:absolute;top:50%;margin-top: 0px;left:4px;border: none;}
#expo_fleche_droite {position:absolute;top:50%;margin-top: 0px;right:4px;}
#expo_fleche_gauche img, #expo_fleche_droite img{border: none;}
#expo-titre {position:absolute;margin-top:0%;width:300px;left:50%; margin-left: -150px;/* - moitie largeur  */font-style: italic; font-size:20px;color:#999/*CCC*/;}
#expo_message {position:absolute;bottom: 0;width: 300px;left:50%;margin-left: -150px; /* - moitie largeur  */border: 0;text-align:center;font-size: x-small;font-style: italic;color:#999/*CCC*/;}
#expo_fleche_bas {position:absolute;bottom: 0;left:50%;margin-left: -15px; visibility:hidden;}


/* Page parcours */
#parcours {height: 90%;width: 100%;}
#parcours table {height: 100%;width: 80%;margin: 0 10%;}
#parcours td {height: auto;vertical-align:middle;}
#parcours_resume {text-align: justify;}
#parcours_cv {vertical-align: top;font-size:small;text-align:left;}
#parcours_cv ul {margin: 30px;}
#parcours_cv li {margin: 1em;}
#parcours_photo {text-align: right;}
#parcours_expo {text-align: left;margin-left:0}

/* Page contact */
#contact {height: 100%;width:100%;}
#contact table{height: 100%;width:80%;margin:0 10%;}
#contact td {vertical-align:middle;}
#contact ul {margin: 0px;}
#contact li {margin: 0px; margin-bottom: 40px;text-align:left;}
#contact a:link, #contact a:visited {color: #666/*FFF*/;}
#contact a:hover, #contact a:active {color: #800000;}
#contact_liens { /* A TESTER */height: 120px;vertical-align:bottom;}
textarea {border:1px solid #CCC/*666*/;background-color:#F1F4F8/*666*/;}
form {}
fieldset {}
legend {}
label {}
label.inline {}
input {color: #666;background-color:#F1F4F8/*#D7D7D7*/;} /* CCC */
input[type=radio] {background-color:transparent;}
select, option {}

/* Typographie générale et couleurs */
/* Alternatives couleur 
color: 343434 D7D7D7 808080 Alternatives background color :  666 808080 D7D7D7 */

/* Alternatives color:   808080 111111 D7D7D7 343434 Alternatives background color :  777777 F1F4F8 123333 666 commentaire */

/* Alternatives color: 343434 D7D7D7 808080 Alternatives background color :  666 808080 D7D7D7 */

/* Fin */