@CHARSET "ISO-8859-1"; /****************************************************************/ /* Article texte par default */ /****************************************************************/ .texte p {margin:0; padding:3px 0 3px 0;} /* Conteneur */ #page1col_leftContainer .texte, #page2col_leftContainer .texte, #page2col_rightContainer .texte, #page3col_leftContainer .texte, #page3col_centerContainer .texte, #page3col_rightContainer .texte { position:relative; margin:0 0 12px 0; padding:0 0 0 0; font-size:11px; } /* Titre */ #page1col_leftContainer .texte .titleContainer h2, #page2col_leftContainer .texte .titleContainer h2, #page2col_rightContainer .texte .titleContainer h2, #page3col_leftContainer .texte .titleContainer h2, #page3col_centerContainer .texte .titleContainer h2, #page3col_rightContainer .texte .titleContainer h2 { line-height:35px; font-weight:bold; width:auto; min-height:37px; background-position:left top; background-repeat:no-repeat; text-align:left; margin:2px 0 0 0; padding:0 0 0 45px; font-size:14px; background-image:url(images/bg_ArticleTexte2Col_style1_title.jpg); color:#FFFFFF; font-family:Arial; } /*Conteneur du texte */ #page1col_leftContainer .texte .textContainer, #page2col_rightContainer .texte .textContainer, #page2col_leftContainer .texte .textContainer, #page3col_leftContainer .texte .textContainer, #page3col_centerContainer .texte .textContainer, #page3col_rightContainer .texte .textContainer { padding:0 0 0 0px; margin: 0 10px 0 22px; text-align:justify; font-size:12px; } /* Colonne de droite */ #page2col_rightContainer .texte .titleContainer h2, #page3col_rightContainer .texte .titleContainer h2 { margin:2px 6px 0 0; } #page1col_leftContainer .texte .titleContainer h2 {margin:2px 8px 0 0;} /****************************************************************/ /* Article texte style 2 */ /****************************************************************/ /* Conteneur */ #page1col_leftContainer .texte-style2, #page2col_leftContainer .texte-style2, #page2col_rightContainer .texte-style2, #page3col_leftContainer .texte-style2, #page3col_rightContainer .texte-style2, #page3col_centerContainer .texte-style2 { position:relative; margin:0 0 4px 10px; padding:0 0 0 0; border-left:12px solid #0b5d82; } /* Paragraphe */ .texte-encadre p {margin:0; padding:3px 0 3px 0;} /* Conteneur du titre */ #page1col_leftContainer .texte-style2 .titleContainer, #page2col_rightContainer .texte-style2 .titleContainer, #page2col_leftContainer .texte-style2 .titleContainer, #page3col_rightContainer .texte-style2 .titleContainer, #page3col_leftContainer .texte-style2 .titleContainer, #page3col_centerContainer .texte-style2 .titleContainer { color:#666666; font-family:Verdana; font-size:16px; margin:0 0 0 0; width:auto; font-weight:bold; } /* Titre */ #page1col_leftContainer .texte-style2 .titleContainer h2, #page2col_leftContainer .texte-style2 .titleContainer h2, #page2col_rightContainer .texte-style2 .titleContainer h2, #page3col_centerContainer .texte-style2 .titleContainer h2, #page3col_leftContainer .texte-style2 .titleContainer h2, #page3col_rightContainer .texte-style2 .titleContainer h2 { background-image:url(images/bg_ArticleTexte2Col_style2_title_right.gif); color:#0b5d82; font-family:Arial; font-size:14px; padding:0 0 0 8px; margin:0 0 0 4px; text-align:left; background-repeat:no-repeat; background-position:left bottom; min-height:15px; width:auto; border-right-width:0px; border-left-width:0px; border-top-width:0px; border-bottom-width:0px; font-variant:small-caps; } #page1col_leftContainer .texte-style2 .textContainer, #page2col_leftContainer .texte-style2 .textContainer, #page2col_rightContainer .texte-style2 .textContainer, #page3col_leftContainer .texte-style2 .textContainer, #page3col_centerContainer .texte-style2 .textContainer, #page3col_rightContainer .texte-style2 .textContainer { padding:0 0 0 0px; margin: 0 10px 0 10px; text-align:justify; } /****************************************************************/ /* Article Formulaire classique */ /****************************************************************/ .formulaire-classique p {margin:0; padding:3px 0 3px 0;} /* Conteneur */ #page1col_leftContainer .formulaire-classique, #page2col_leftContainer .formulaire-classique, #page2col_rightContainer .formulaire-classique, #page3col_leftContainer .formulaire-classique, #page3col_centerContainer .formulaire-classique, #page3col_rightContainer .formulaire-classique { position:relative; margin:0px 0 0px 0; padding:0 0 0 0; } /* Titre */ #page2col_leftContainer .formulaire-classique .titleContainer h2, #page2col_rightContainer .formulaire-classique .titleContainer h2, #page1col_leftContainer .formulaire-classique .titleContainer h2, #page3col_leftContainer .formulaire-classique .titleContainer h2, #page3col_centerContainer .formulaire-classique .titleContainer h2, #page3col_rightContainer .formulaire-classique .titleContainer h2 { line-height:35px; font-weight:bold; width:auto; min-height:37px; background-position:left top; background-repeat:no-repeat; text-align:left; margin:2px 0 0 0; padding:0 0 0 45px; font-size:14px; background-image:url(images/bg_ArticleTexte2Col_style1_title.jpg); color:#FFFFFF; font-family:Arial; } /* Conteneur Texte */ #page1col_leftContainer .formulaire-classique .textContainer, #page2col_leftContainer .formulaire-classique .textContainer, #page2col_rightContainer .formulaire-classique .textContainer, #page3col_leftContainer .formulaire-classique .textContainer, #page3col_centerContainer .formulaire-classique .textContainer, #page3col_rightContainer .formulaire-classique .textContainer{ padding:0 0 0 0; margin: 0 10px 0 10px; text-align:justify; } /* Conteneur Formulaire */ #page1col_leftContainer .formulaire-classique .formContainer, #page2col_leftContainer .formulaire-classique .formContainer, #page2col_rightContainer .formulaire-classique .formContainer, #page3col_leftContainer .formulaire-classique .formContainer, #page3col_centerContainer .formulaire-classique .formContainer, #page3col_rightContainer .formulaire-classique .formContainer { padding:0 0 0 0; margin: 0 10px 0 10px; } #page1col_leftContainer .formulaire-classique .formContainer label, #page2col_leftContainer .formulaire-classique .formContainer label, #page2col_rightContainer .formulaire-classique .formContainer label, #page3col_leftContainer .formulaire-classique .formContainer label, #page3col_centerContainer .formulaire-classique .formContainer label, #page3col_rightContainer .formulaire-classique .formContainer label { display:block; width:180px; float:left; } #page1col_leftContainer .formulaire-classique .formContainer input[type=text], #page1col_leftContainer .formulaire-classique .formContainer textarea, #page2col_leftContainer .formulaire-classique .formContainer input[type=text], #page2col_leftContainer .formulaire-classique .formContainer textarea, #page2col_rightContainer .formulaire-classique .formContainer input[type=text], #page2col_rightContainer .formulaire-classique .formContainer textarea, #page3col_leftContainer .formulaire-classique .formContainer input[type=text], #page3col_leftContainer .formulaire-classique .formContainer textarea, #page3col_centerContainer .formulaire-classique .formContainer input[type=text], #page3col_centerContainer .formulaire-classique .formContainer textarea, #page3col_rightContainer .formulaire-classique .formContainer input[type=text], #page3col_rightContainer .formulaire-classique .formContainer textarea { width:410px; float:left; border:1px solid #0b5d82; } #page1col_leftContainer .formulaire-classique .formContainer input[type=text]:focus, #page1col_leftContainer .formulaire-classique .formContainer textarea:focus, #page2col_leftContainer .formulaire-classique .formContainer input[type=text]:focus, #page2col_leftContainer .formulaire-classique .formContainer textarea:focus, #page2col_rightContainer .formulaire-classique .formContainer input[type=text]:focus, #page2col_rightContainer .formulaire-classique .formContainer textarea:focus, #page3col_leftContainer .formulaire-classique .formContainer input[type=text]:focus, #page3col_leftContainer .formulaire-classique .formContainer textarea:focus, #page3col_centerContainer .formulaire-classique .formContainer input[type=text]:focus, #page3col_centerContainer .formulaire-classique .formContainer textarea:focus, #page3col_rightContainer .formulaire-classique .formContainer input[type=text]:focus, #page3col_rightContainer .formulaire-classique .formContainer textarea:focus { border:1px solid #0b5d82; } #page1col_leftContainer .formulaire-classique .formContainer input[type=submit], #page2col_leftContainer .formulaire-classique .formContainer input[type=submit], #page2col_rightContainer .formulaire-classique .formContainer input[type=submit], #page3col_leftContainer .formulaire-classique .formContainer input[type=submit], #page3col_centerContainer .formulaire-classique .formContainer input[type=submit], #page3col_rightContainer .formulaire-classique .formContainer input[type=submit] { border:1px solid #0b5d82; background: #dae4e8; color:#0b5d82; font-weight: bold; margin:0 0 0 0px; } #page1col_leftContainer .formulaire-classique .formContainer input[type=reset], #page2col_leftContainer .formulaire-classique .formContainer input[type=reset], #page2col_rightContainer .formulaire-classique .formContainer input[type=reset], #page3col_leftContainer .formulaire-classique .formContainer input[type=reset], #page3col_centerContainer .formulaire-classique .formContainer input[type=reset], #page3col_rightContainer .formulaire-classique .formContainer input[type=reset] { border:1px solid #0b5d82; background: #dae4e8; color:#0b5d82; font-weight: bold; } /* ---- MISE EN PAGE SUR 1 COLONNES ----- */ /* Colonne centrale */ #page1col_leftContainer .formulaire-classique .formContainer input[type=text], #page1col_leftContainer .formulaire-classique .formContainer textarea {width:720px;} #page1col_leftContainer .formulaire-classique .formContainer input[type=submit] {margin:0 0 0 692px;} /* ---- MISE EN PAGE SUR 2 COLONNES ----- */ /* Colonne de gauche */ #page2col_leftContainer .formulaire-classique .textContainer {} #page2col_leftContainer .formulaire-classique .formContainer {} #page2col_leftContainer .formulaire-classique .formContainer input[type=submit] {margin:0 0 0 382px;} /* Colonne de droite */ #page2col_rightContainer .formulaire-classique .titleContainer h2 {text-align: right;padding:4px 8px 7px 0px;} #page2col_rightContainer .formulaire-classique .formContainer label {width:100px;} #page2col_rightContainer .formulaire-classique .formContainer input[type=text], #page2col_rightContainer .formulaire-classique .formContainer textarea {width:180px;} #page2col_rightContainer .formulaire-classique .formContainer input[type=submit] {margin:0 0 0 72px;} /* ---- MISE EN PAGE SUR 3 COLONNES ----- */ /* Colonne de gauche */ #page3col_leftContainer .formulaire-classique .formContainer label {float:none;} #page3col_leftContainer .formulaire-classique .formContainer input[type=text], #page3col_leftContainer .formulaire-classique .formContainer textarea {width:172px;float:none;} #page3col_leftContainer .formulaire-classique .formContainer input[type=submit] {margin:6px 0 0 0px;} /* Colonne centrale */ #page3col_centerContainer .formulaire-classique .formContainer label {width:160px;} #page3col_centerContainer .formulaire-classique .formContainer input[type=text], #page3col_centerContainer .formulaire-classique .formContainer textarea {width:335px;} #page3col_centerContainer .formulaire-classique .formContainer input[type=submit] {margin:0 0 0 286px;} /* Colonne de droite */ #page3col_rightContainer .formulaire-classique .formContainer label {float:none;} #page3col_rightContainer .formulaire-classique .formContainer input[type=text], #page3col_rightContainer .formulaire-classique .formContainer textarea {width:172px;float:none;} #page3col_rightContainer .formulaire-classique .formContainer input[type=submit] {margin:6px 0 0 0px;} /* Console */ #formConsole {position:relative;height:auto; margin:5px 10px 5px 10px; font-family:Arial; font-size:11px;} #formConsole .formConsole_error {position:relative; background-image:url(images/icon_warning.gif); background-position:2px 2px; background-repeat:no-repeat; padding-left:22px; border: 1px solid #ce0000; background-color:#f9e6e6; color:#ce0000; height:auto;} #formConsole .formConsole_loading {position:relative; background-image:url(images/spinner.gif); background-position:2px 3px; background-repeat:no-repeat; padding-left:22px; border: 1px solid #666; background-color:#fff; color:#666; height:auto;} #formConsole .formConsole_success {position:relative; background-image:url(images/icon_success.gif); background-position:2px 3px; background-repeat:no-repeat; padding-left:22px; border: 1px solid #336633; background-color:#ccffcc; color:#336633; height:auto;} .button_close, .button_close_green {position:absolute;right:3px;top:2px;z-index:3;} .button_close a {display:block;width:12px; height:12px;background-image:url(images/icon_close_red.gif);background-position:0 0;} .button_close_green a {display:block;width:12px; height:12px;background-image:url(images/icon_close_green.gif);background-position:0 0;} .button_close a:hover, .button_close_green a:hover {background-position:0 -12px;} .button_close span, .button_close_green span {display:none; visibility:hidden;} #page2col_leftContainer .formulaire-classique input#telephone, #page2col_leftContainer .formulaire-classique input#telecopie {width:100px;} .required {font-weight:bold;} .requiredMsg {color:#ccc; font-size:10px; padding:3px;} /****************************************************************/ /* Article Slider par default */ /****************************************************************/ #page1col_leftContainer .slider, #page2col_leftContainer .slider, #page2col_rightContainer .slider, #page3col_leftContainer .slider, #page3col_centerContainer .slider, #page3col_rightContainer .slider { position:relative; margin:10px 0 4px 10px; padding:0 0 0 0; border-left:12px solid #0b5d82; } #page1col_leftContainer .slider .titleContainer h2, #page2col_leftContainer .slider .titleContainer h2, #page2col_rightContainer .slider .titleContainer h2, #page3col_leftContainer .slider .titleContainer h2, #page3col_centerContainer .slider .titleContainer h2, #page3col_rightContainer .slider .titleContainer h2 { background-image:url(images/bg_ArticleTexte2Col_style2_title_right.gif); color:#0b5d82; font-family:Arial; font-size:14px; padding:0 0 0 8px; margin:0 0 0 4px; text-align:left; background-repeat:no-repeat; background-position:left bottom; min-height:15px; width:auto; border-right-width:0px; border-left-width:0px; border-top-width:0px; border-bottom-width:0px; font-variant:small-caps; } .slider .topPattern {} .slider .bottomPattern {} .slider .textContainer {} /* ---- MISE EN PAGE SUR 1 COLONNES ----- */ /* Colonne centrale */ #page1col_leftContainer .slider .titleContainer h2 {background:url(images/bg_ArticleTexte1Col_default_title_right.png) no-repeat left top;} /* ---- MISE EN PAGE SUR 2 COLONNES ----- */ /* Colonne de gauche */ #page2col_leftContainer .slider .textContainer {margin:0 0 0 0;} #page2col_leftContainer .slider .titleContainer h2 { } /* Colonne de droite */ #page2col_rightContainer .slider .textContainer {} #page2col_rightContainer .slider .titleContainer h2 { } /* ---- MISE EN PAGE SUR 3 COLONNES ----- */ /* Colonne de gauche */ #page3col_leftContainer .slider .titleContainer h2 {padding:21px 0 16px 65px;background:url(images/bg_ArticleTexte3Col_default_title_left.png) no-repeat left top;} #page3col_leftContainer .slider .textContainer {padding:0 0 0 15px; margin:0 0 0 0;} /* Colonne centrale */ #page3col_centerContainer .slider .titleContainer h2 {padding:21px 0 16px 65px;background:url(images/bg_ArticleTexte3Col_default_title_center.png) no-repeat left top;} /* Colonne de droite */ #page3col_rightContainer .slider .textContainer {margin:0 15px 0 0;} #page3col_rightContainer .slider .titleContainer h2 {padding:21px 65px 16px 0; text-align:right; background:url(images/bg_ArticleTexte3Col_default_title_right.png) no-repeat left top;} a {text-decoration:none; color:#0b5d82;} a:hover {color:#ff0000;} a img {border:0;} /****************************************************************/ /* Article Galerie HTML par default */ /****************************************************************/ #page1col_leftContainer .galerie-default, #page2col_leftContainer .galerie-default, #page2col_rightContainer .galerie-default, #page3col_leftContainer .galerie-default, #page3col_centerContainer .galerie-default, #page3col_rightContainer .galerie-default { position:relative; margin:0 0 0 0; padding:0 0 0 0; } #page1col_leftContainer .galerie-default .titleContainer h2, #page2col_leftContainer .galerie-default .titleContainer h2, #page2col_rightContainer .galerie-default .titleContainer h2, #page3col_leftContainer .galerie-default .titleContainer h2, #page3col_centerContainer .galerie-default .titleContainer h2, #page3col_rightContainer .galerie-default .titleContainer h2 { line-height:35px; font-weight:bold; width:auto; min-height:37px; background-position:left top; background-repeat:no-repeat; text-align:left; margin:2px 0 0 0; padding:0 0 0 45px; font-size:14px; background-image:url(images/bg_ArticleTexte2Col_style1_title.jpg); color:#FFFFFF; font-family:Arial; } /* Textes du cliché et de la galerie */ #page1col_leftContainer .galerie-default .textContainer, #page2col_leftContainer .galerie-default .textContainer, #page2col_rightContainer .galerie-default .textContainer, #page3col_leftContainer .galerie-default .textContainer, #page3col_centerContainer .galerie-default .textContainer, #page3col_rightContainer .galerie-default .textContainer, #page1col_leftContainer .galerie-default .photoDescContainer, #page2col_leftContainer .galerie-default .photoDescContainer, #page2col_rightContainer .galerie-default .photoDescContainer, #page3col_leftContainer .galerie-default .photoDescContainer, #page3col_centerContainer .galerie-default .photoDescContainer, #page3col_rightContainer .galerie-default .photoDescContainer { padding:0 0 0 0px; margin: 0 10px 0 10px; text-align:justify; font-size:12px; } /* Titre du cliché */ #page1col_leftContainer .galerie-default .photoTitleContainer h3, #page2col_leftContainer .galerie-default .photoTitleContainer h3, #page2col_rightContainer .galerie-default .photoTitleContainer h3, #page3col_leftContainer .galerie-default .photoTitleContainer h3, #page3col_centerContainer .galerie-default .photoTitleContainer h3, #page3col_rightContainer .galerie-default .photoTitleContainer h3 { color:#0b5d82; font-family:Arial; font-size:14px; border-bottom:1px solid #0b5d82; margin:10px 0px 0 0px; padding:0 0 0 0; width:auto; font-weight:bold; } /* Conteneur de la galerie */ #page1col_leftContainer .galerie-default .galeryContainer, #page2col_leftContainer .galerie-default .galeryContainer, #page2col_rightContainer .galerie-default .galeryContainer, #page3col_leftContainer .galerie-default .galeryContainer, #page3col_centerContainer .galerie-default .galeryContainer, #page3col_rightContainer .galerie-default .galeryContainer { margin: 0 10px 6px 22px; position:relative; } /* Date du cliché */ #page1col_leftContainer .galerie-default .photoDateContainer, #page2col_leftContainer .galerie-default .photoDateContainer, #page2col_rightContainer .galerie-default .photoDateContainer, #page3col_leftContainer .galerie-default .photoDateContainer, #page3col_centerContainer .galerie-default .photoDateContainer, #page3col_rightContainer .galerie-default .photoDateContainer { color:#5e5647; font-family:Arial; font-size:11px; font-style:italic; text-align: right; margin:0px 10px 0 16px; padding:0 0 0 0; width:auto; } .galerie-default .topPattern {} .galerie-default .bottomPattern {} .galerie-default .thumbsContainer {text-align:center;} .galerie-default .thumbsContainer a {margin:3px 0 3px 5px;} .galerie-default .thumbsContainer img {border:1px solid #5e5647;width:94px;} .galerie-default .thumbsContainer a:hover img {border:1px solid #f0eadd;} .galerie-default .mainPhotoContainer {text-align:center; margin:5px 0 5px 0;} .galerie-default .mainPhotoContainer a {margin:3px 0 3px 5px;} .galerie-default .mainPhotoContainer img {border:0; width:500px;} .galerie-default .galeryLoading {display:block; position:absolute; padding:2px; top:10px; right:10px; width:100px; border:1px solid #ccc; background-color: #fff; color:#666;} /* ---- MISE EN PAGE SUR 1 COLONNES ----- */ /* Colonne centrale */ #page1col_leftContainer .galerie-default .titleContainer h2 {background:url(images/bg_ArticleTexte1Col_default_title_right.png) no-repeat left top;} /* ---- MISE EN PAGE SUR 2 COLONNES ----- */ /* Colonne de gauche */ #page2col_leftContainer .galerie-default .textContainer {margin:0 0 0 0;} #page2col_leftContainer .galerie-default .titleContainer h2 {} /* Colonne de droite */ #page2col_rightContainer .galerie-default .textContainer {margin:0 21px 0 0;} #page2col_rightContainer .galerie-default .titleContainer h2 {} #page2col_rightContainer .galerie-default .thumbsContainer img {width:80px;} /* ---- MISE EN PAGE SUR 3 COLONNES ----- */ /* Colonne de gauche */ #page3col_leftContainer .galerie-default .titleContainer h2 {} #page3col_leftContainer .galerie-default .textContainer {padding:0 0 0 15px; margin:0 0 0 0;} /* Colonne centrale */ #page3col_centerContainer .galerie-default .titleContainer h2 {padding:21px 0 16px 65px;background:url(images/bg_ArticleTexte3Col_default_title_center.png) no-repeat left top;} /* Colonne de droite */ #page3col_rightContainer .galerie-default .textContainer {margin:0 15px 0 0;} #page3col_rightContainer .galerie-default .titleContainer h2 {}