/*  CSS pour Annuaire des dossiers-X  */

/*GENERAL*/

body

{

font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;

color:#555753;

font-size : 12px;

text-align : left;

background : #ffffff url(../graph/bg.png) repeat-y 50% 50%;

}



img

{

border: 0px solid red;

}



a

{

color: #0000CC;

text-decoration: underline;

}

a:hover

{

color: #0000CC;

text-decoration: underline;

}



.important

{

font-size : 14px;

color : #555753;

font-weight : 900;

margin: 0px;

}



/*INDEX*/

.index

{

width: 380px;

margin-right: auto;

margin-left: auto;

text-align: center;

}



.disclaimer

{

margin: 15px;

font-size : 25px;

color: #0000CC;

text-decoration: underline;

font-weight : 900;

}



.info-disclaim

{

color : #0000CC;

font-weight : 900;

padding: 4px;

border: 1px solid #0000CC;

}



/*TETE COURANT*/

.tete

{

width: 700px;

height: 385px;

margin-left: auto;

margin-right: auto;

border: 0px solid #0000CC;

text-align: left;

}



.illustration

{

float: left;

margin-bottom: 0px;

}



.titre1

{

font-size : 52px;

font-weight : 900;

color : #afaeae;

line-height: 50px;

border: solid 0px #00aeef;

}

.titre2

{

font-size : 75px;

font-weight : 900;

color : #afaeae;

line-height: 75px;

border: solid 0px #00aeef;

}

.titre3

{

margin-top: -20px;

font-size : 42px;

font-weight : 300;

color : #afaeae;

line-height: 80px;

letter-spacing : 4px;

border: solid 0px #00aeef;

}

.titre4

{

font-size : 35px;

font-weight : 300;

color : #afaeae;

line-height: 30px;

letter-spacing : 0px;

border: solid 0px #00aeef;

}

.titre-cat1

{

font-size : 30px;

font-weight : 300;

color : #555753;

line-height: 20px;

letter-spacing : 20px;

border: solid 0px #00aeef;

}

.titre-cat2

{

font-size : 48px;

font-weight : 900;

color : #555753;

line-height: 45px;

margin-bottom: 25px;

border: solid 0px #00aeef;

}



/*CORPS COURANT*/

.corps

{

width: 700px;

margin-left: auto;

margin-right: auto;

margin-top: 10px;

margin-bottom: 0px;

clear: both;

border-top: solid 0px #00aeef;

border-bottom: solid 0px #00aeef;

}





/*CORPS PRINCIPALE*/

.principale-tab

{

width: 125px;

float: left;

padding-left: 10px;

border: solid 0px #000000;

}



.principale-lien

{

font-size : 12px;

line-height: 1.5;

color: #0000CC;

text-decoration: underline;

font-weight : 900;

}

.principale-lien:hover

{

font-size : 12px;

color: #0000CC;

text-decoration: underline;

font-weight : 900;

}



/*AFFICHAGE SITE*/

.affichage-site

{

margin-top: 15px;

padding: 4px;

border: solid 1px #afaeae;

}



.page-categories

{

width: 700px;

margin-left: auto;

margin-right: auto;

padding-top: 20px;

padding-bottom: 20px;

border: solid 0px #afaeae;

background : #e9e9eb;

}



.spacer

{

clear: both;

}



.img

{

float: right;

margin-left: 7px;

}



.nom

{

color : #666666;

font-size : 17px;

font-weight : 900;

}

.categorie

{

font-weight : 900;

}

.description

{



}

.lien

{

font-weight : 900;

margin-right: 10px;

}

.lien:hover

{

font-weight : 900;

margin-right: 10px;

}

.url

{

font-weight : 300;

color: #afaeae;

}





/*FORMULAIRE*/





.fieldset-new-categorie

{

padding: 10px;

margin: 0px;

border: solid 0px #000000;

}

.fieldset-proposer-site

{

padding: 10px;

margin: 0px;

padding-bottom: 10px;

border: solid 1px #afaeae;

}



.legend-proposer-site

{

font-weight : 900;

}



.bloc-proposer-site

{

margin-top: 15px;

}



.label-proposer-site

{

display : inline;

float : left;

width : 100px;

}



.input-new-categorie

{

width: 280px;

}



.input4

{

width: 500px;

height: 40px;

}

.input5

{

width: 700px;

height: 39px;

border: solid 1px #afaeae;

color : #555753; 

}

.com-proposer-site

{

display:none;

position: absolute;

margin-top: 5px;

margin-left: 100px;

z-index:100000;

width: 500px;

border: 1px #000000 solid;

background : #eaf0f3;

padding: 4px;

color: #000000;

}



.fermer

{

float: right;

}



/*BAS DE PAGES*/

.spacer

{

clear: both;

border: solid 0px red;

}



.pied

{

width: 700px;

margin-left: auto;

margin-right: auto;

text-align: center;

padding-top: 5px;

padding-bottom: 5px;

border-top: solid 0px red;

border-bottom: solid 0px red;

}



.lien-menu

{

position : relative;

float: right;

color : #FFFFFF;

text-decoration : none;

font-size : 11px;

padding-left: 3px;

padding-right: 3px;

font-weight : 300;

line-height: 36px;

height : 36px;

background-image : url(menu-rouge-fond.png);

background-repeat: repeat-x;

}

.lien-menu:hover

{

position : relative;

float: right;

color : #FFFFFF;

text-decoration : none;

font-size : 11px;

padding-left: 3px;

padding-right: 3px;

font-weight : 300;

line-height: 36px;

height : 36px;

background-image : url(menu-rouge-fond.png);

background-repeat: repeat-x;

}

.lien-menu-gauche

{

position : relative;

float: right;

font-size : 11px;

line-height: 36px;

height : 36px;

width: 19px;

background-image : url(menu-rouge-gauche.png);

background-repeat: repeat-x;

}

.lien-menu-droite

{

position : relative;

float: right;

margin-right: 10px;

font-size : 11px;

line-height: 36px;

height : 36px;

width: 20px;

background-image : url(menu-rouge-droite.png);

background-repeat: repeat-x;

}

.menu-voile

{

position : relative;

width: 700px;

height: 39px;

margin-left: auto;

margin-right: auto;

border: solid 1px #afaeae;

z-index:1000;

background-color: #ffffff;

filter:alpha(opacity=60);

-moz-opacity:0.60;

opacity: 0.60;

text-align: right;

margin-top: -70px;

padding-top: 3px;

}



.menu-voile2

{

position : relative;

width: 700px;

height: 39px;

margin-left: auto;

margin-right: auto;

border: solid 1px #afaeae;

z-index:1000;

background-color: #ffffff;

filter:alpha(opacity=60);

-moz-opacity:0.60;

opacity: 0.60;

text-align: center;

margin-top: 0px;

padding-top: 3px;

}





#xiti-logo {

	float : left;

}



.end

{

width: 700px;

margin-left: auto;

margin-right: auto;

margin-top: 55px;

text-align: right;

padding-top: 5px;

border: solid 0px #00aeef;



}

.end-voile

{

border: solid 0px #000000;

z-index:1000;

width: 100%;

background-color: #ffffff;

filter:alpha(opacity=50);

-moz-opacity:0.50;

opacity: 0.50;

}

.end-voile:hover

{

border: solid 0px #000000;

z-index:1000;

width: 100%;

background-color: #ffffff;

filter:alpha(opacity=100);

-moz-opacity:1;

opacity: 1;

}