/*****************************/
/*##ensemble de la page web##*/
/*****************************/
body {
background-color: black; 
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: center;
font-family: Arial;
font-size: 12px;
color: black;
}
/******************/
/*##ma page html##*/
/******************/
#sheet {
width: 984px;
margin: auto;
padding: 0 0 0 0;
text-align: left;
}
/*les titres, les paragraphes et les liens de la page entière*/
h1 {
margin: auto auto 30px 30px;
font-size: 23px;
color: black;
font-weight: bold;
}
#home {
margin: auto auto 20px auto;
padding-bottom: 20px;
text-align: center;
font-size: 25px;
}
h2 {
margin-top: 20px;
margin-bottom: 30px;
font-size: 20px;
color: #333333;
font-weight: bold;
text-indent: 60px;
}
h3 {
color: white;
}
a {
font-weight: bold;
color: black;
text-decoration: none;
}
a:hover {
color: #389ccb;
text-decoration: underline;
}
hr {
background-color: #9cec41;
color: #9cec41;
width: 325px;
height: 2px;
border: 0;
text-align: center;
}
.transparent {
filter: alpha(opacity=20); 
-moz-opacity: 0.2; 
opacity: 0.2; 
}
.transparent3 {
filter: alpha(opacity=30); 
-moz-opacity: 0.3; 
opacity: 0.3; 
}
/****************/
/*##mon entête##*/
/****************/
/*l'entête entière*/
#header {
width: 984px;
height: 216px;
background-image: url(../templates/header.jpg);
clear: both;
}
/****************************/
/*##ma barre de navigation##*/
/****************************/
#navlinks {
width: 984px;
height: 53px;
background-image: url(../templates/navlinks.jpg);
clear: both;
}
#navlinks ul {
margin: 0 0 0 0;
padding: 6px 20px 0 0;
list-style-type:  none;
}
#navlinks ul li {
display: inline;
}
#navlinks ul li a {
margin-right: 10px;
padding: 7px 10px 9px 10px;
float: right;
text-decoration: none;
font-size: 14px;
font-weight: bold;
color: white;
border: 1px solid black;
background-image: url(../templates/navbutton.png);
}
#navlinks ul li a.gold {
margin-right: 10px;
padding: 7px 10px 9px 10px;
float: right;
text-decoration: none;
font-size: 14px;
font-weight: bold;
color: black;
border: 1px solid black;
background-image: url(../templates/bt_gold.png);
}
#navlinks ul li a#current {
font-style: italic;
}
#navlinks a:hover {
border: 1px solid black;
background-image: url(../templates/navbuttonhover.png);
}
#navlinks a.gold:hover {
border: 1px solid black;
background-image: url(../templates/bt_gold_hover.png);
}
#navlinks #deconnexion {
margin-top: 10px;
margin-right: 50px;
float: right;
}
/*************************/
/*##le corps de ma page##*/
/*************************/
/*la partie supérieure de ma page*/
#uparea {
width: 984px;
height: 37px;
background-image: url(../templates/uparea.png);
clear: both;
}
/*le conteneur du corps complet de ma page avec zone de texte et menu*/
#mainarea {
margin: 0 0 0 0;
padding: 0 0 0 2px;
width: 984px;
overflow: hidden;
clear: both;
}
/*la zone de texte*/
#contentarea {
width: 697px;
min-height: 760px;
float: right;
background-image: url(../templates/sheet.png);
}
#contentarea ul {
margin-top: -20px;
margin-left: 40px;
}
/*le bas de la feuille*/
#downsheet {
margin-right: 3px;
width: 705px;
height: 146px;
float: right;
background-image: url(../templates/downsheet.jpg);
}
#mainarea p {
width: 630px;
margin: -20px auto 20px 23px;
text-indent: 35px;
}
#downsheet p{
margin-top: 40px;
margin-left: 50px;
text-align: center;
text-indent: 0px;
color: red;
}
#logoaccu {
width: 188px;
height: 300px;
margin: 10px auto auto 70px;
background-image: url(../templates/accutest_mini.jpg);
float: left;
}
#logopsy {
width: 294px;
height: 300px;
margin: 10px 50px auto auto;
background-image: url(../templates/logopsy_mini.jpg);
float: right;
}
#footer_texte{
margin-top: -45px;
}
#address {
margin-top: -135px;
margin-left: 218px;
width: 300px;
height: 147px;
background-image: url(../templates/address.jpg);
}
html:not([lang*=""]) #address {
margin-top: -130px;
margin-left: 218px;
width: 300px;
height: 147px;
background-image: url(../templates/address.jpg);
}
#mainarea .p_intro_ac {
margin-top: -5px;
padding: 5px 0px 5px 15px;
border: 2px solid #9cec41;
font-size: 18px;
}
#mainarea .p_intro_ac a{
margin-left: 150px;
}
#mainarea #p_intro {
margin-top: 5px;
padding: 5px 0px 5px 15px;
border: 2px solid #9cec41;
}
#mainarea .p_plan {
width: 630px;
margin: auto;
text-indent: 0px;
}
#mainarea .p_plan_link {
text-align: center;
font-size: 14px;
}
/***********************************/
/*##pour le formulaire de contact##*/
/***********************************/
/*paragraphes du formulaire*/
#form table {
margin-left: 20px;
margin-bottom: 5px;
text-indent: 5px;
}
#form input[type=text] {
margin-left: 5px;
text-align: left;
}
#form textarea {
margin-left: 5px;
}
#form p {
margin-top: -5px;
margin-bottom: 5px;
text-indent: 5px;
}
#reponse {
color: red;
font-size: 14px;
font-weight: bold;
background-color: yellow;
}
/*ecriture en rouge*/
.redred {
color: red;
}
/*******************/
/*##pour le plan##*/
/*******************/
.img {
margin-top: -20px;
margin-left: 27px;
}
/**********************/
/*##pour le parcours##*/
/**********************/
/*centre le texte du CV dans la page parcours*/
.p_cv {
width: 660px;
margin: 0 0 0 0;
text-align: center;
text-indent: 0;
}
/************************/
/*##la barre verticale##*/
/************************/
#sidebar {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 285px;
float: left;
}
#menu1 {
width: 285px;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;
background-image: url(../templates/menu.png);
}
.menu2 {
width: 285px;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;
background-image: url(../templates/menu.png);
}
.upmenu {
width: 285px;
height: 37px;
margin-left: -2px;
float: left;
background-image: url(../templates/upmenu.jpg);
}
.contentmenu {
width: 285px;
float: left;
background-image: url(../templates/menu.png);
}
.downmenu {
width: 285px;
height: 48px;
margin-left: 2px;
float: left;
background-image: url(../templates/downmenu.jpg);
}
/*les titres des menus*/
.titlemenu {
margin: auto 100px 0 10px;
padding: 5px 0 5px 0;
text-align: center;
}
.titlemenu h3 {
margin: 0 0 10px 0;
padding: 0 0 0 0;
font-size: 14px;
}
#titlemenu {
background: url(../templates/upmenu.jpg);
}
/*séparation des menus*/
.next {
margin-top: 10px;
}
/*séparation des menus*/
/*#next {
margin-top: 15px;
}*/
/*mon menu*/
.menu ul {
width: 209px;
margin: 0 0 0 30px;
padding: 0 0 0 0;
list-style-type: none;
}
.menu ul li a {
padding: 6px 0px 4px 15px;
display: block;
text-decoration: none;
background: url(../templates/menuother.png);
}
html:not([lang*=""]) .menu ul li a {
padding: 6px 0px 5px 15px;
}
.menu ul li a:hover {
background: url(../templates/menuhover.jpg);
color: white;
}
.menu ul li a#current {
font-style: italic;
background: url(../templates/menuhover.jpg);
}
.menu ul li a#choose {
font-style: italic;
background: url(../templates/menuhover.jpg);
}
.menu ul li:hover ul {
display: block;
}
.menu ul li:hover ul li a {
width: 165px;
display: block;
background: url(../templates/submenuother.png);
}
.menu ul li:hover ul li a:hover {
width: 165px;
display: block;
background: url(../templates/submenuhover.jpg);
}
.menu ul li ul {
display: none;
}
.menu ul li ul#subcurrent {/*affiche toujours le menu déroulé sur les pages des sous-catégories*/
width: 180px;
display: block;
background: url(../templates/submenuother.png);
}
.menudown {
margin: -20px -25px 0 0;
width: 19px;
height: 19px;
float: right;
background-image: url(../templates/bas.jpg);
}
/***********************/
/*##ma galerie photos##*/
/***********************/
#photo {
width: 635px;
height: 635px;
text-align: left;
position: relative;
margin: 0 auto;
}
#photo ul {
padding: 0 0 0 0;
margin: 0 0 0 0;
list-style: none;
width: 635px;
height: auto;
position: relative;
z-index: 10;
}
#photo ul li {
display: block;
width: 125px;
height: 31px;
float: left;
}
#photo ul li a {
display: block;
font-size: 11px;
width: 124px;
height: 30px;
text-align: center;
line-height: 30px;
color: #dddddd;
text-decoration: none;
border-width: 1px 1px 0 0;
background: #333333;
font-family: verdana, arial, sans-serif;
}
#photo ul li#now a {
color: #ffffff;
background: #aaaaaa;
}
/*le cadre qui entoure les vignettes*/
#photo ul li ul {
display: block;
position: absolute;
left: 0;
top: 30px;
list-style:none;
padding: 0 0 0 0;
margin: 0 0 0 0;
height: 475px;
background: #dddddd;
width: 464px;
padding: 40px 60px;
border: 20px solid #333333;
z-index: 1;
}
#photo ul li a ul, #photo ul li ul {
display: block;
position: absolute;
left: 0;
top: 30px;
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
height: 475px;
background: #dddddd;
width: 464px;
padding: 40px 60px;
border: 20px solid #aaaaaa;
z-index: 100;
}
/*les cases des photos*/
#photo ul li ul li {
display: inline;
width: 112px;
height: 112px;
float: left;
border: 1px solid #ffffff;
margin: 1px;
}
/*le fond des cases des photos*/
#photo ul li ul li a {
display: block;
width: 110px;
height: 110px;
cursor: default;
float: left;
text-decoration: none;
background: #333333;
border: 1px solid #888888;
}
#photo ul li#now ul li a:hover {
background: #000000;
border: 1px solid #ffffff;
}
#photo ul li ul li a.horiz img {
margin: 13px 0 0 0;
display: block;
width: 100px;
height: 75px;
border: 5px solid #eeeeee;
}
#photo ul li ul li a.vert img {
text-align: center;
display: block;
width: 75px;
height: 100px;
border: 5px solid #eeeeee;
}
html:not([lang*=""]) #photo ul li ul li a.vert img {
margin: 0 0 0 13px;
}
/*******************/
/*##mon slideshow##*/
/*******************/
.slideshow-images {
float: left;
height: 200px;
width: 200px;
}		
.slideshow-images-visible { 
opacity: 1;
}	
.slideshow-images-prev { 
opacity: 0; 
}
.slideshow-images-next { 
opacity: 0; 
}
.slideshow-images img {
float: left;
}	
.slideshow {
margin: 10px 0 0 45px;
width: 200px;
height: 200px;
float: left;
}
.slideshow a img {
border: 0;
}
/**********************/
/*##mon pied de page##*/
/**********************/
#footer {
width: 984px;
height: 117px;
background-image: url(../templates/footer.jpg);
clear: both;
}
#footer p {
width: 930px;
margin: 0 0 0 0;
padding-top: 30px;
padding-left: 50px;
line-height: 20px;
color: white;
text-indent: 0;
}
#xhtml {/*logo de validation des feuilles html*/
margin-top: -50px;
margin-right: 15px;
width: 80px;
height: 40px;
background-image: url(../templates/xhtml_css.gif);
float: right;
}
#php {/*logo de validation des feuilles html*/
margin-top: -65px;
margin-right: 15px;
width: 80px;
height: 65px;
background-image: url(../templates/php_xhtml_css.gif);
float: right;
}