/*-----------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------- Feuille de style pour le site CFDT --------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/

/* 

- Author : Ronan TEXIER
- Date : 2006
- copyright : Ronan TEXIER
- Adress : ronan.texier@empreintes-du-web.com

----------------------------------------------------------

Organisation de la feuille de style :
- Parties principales 
   - sous-parties
       - contenu des sous-parties

*/

/*---------------------------------------------------------- liens */

/* link menu */
#menu a:link {
padding:2px;
display:block;
color:black;
width:120px;
border-width:1px 2px 2px 1px;
border-style:solid;
border-color:black;
text-decoration:none;
background-color:#EFC6AE;
}
#menu a:visited {
padding:2px;
display:block;
color:black;
width:120px;
border-width:1px 2px 2px 1px;
border-style:solid;
border-color:black;
text-decoration:none;
background-color:#EFC6AE;
}
#menu a:hover {
padding:2px;
display:block;
color:white;
width:120px;
border-width:2px 1px 1px 2px;
border-style:solid;
border-color:black;
text-decoration:none;
background-color:#CE4A00;
}

a.white:link {text-decoration:none;color:white;}
a.white:visited {text-decoration:none;color:white;}
a.white:hover {text-decoration:none;color:white;}

a.title:link {text-decoration:none;color:black;font-weight:bold;font-size:large;}
a.title:visited {text-decoration:none;color:black;font-weight:bold;font-size:large;}
a.title:hover {text-decoration:none;color:#005761;font-weight:bold;font-size:large;}

a.title2:link {text-decoration:none;color:#CE4A00;font-weight:bold;font-size:large;}
a.title2:visited {text-decoration:none;color:#CE4A00;font-weight:bold;font-size:large;}
a.title2:hover {text-decoration:none;color:#005761;font-weight:bold;font-size:large;}

a.contenu:link{text-decoration:none;color:#CE4A00;font-weight:bold;}
a.contenu:visited{text-decoration:none;color:#CE4A00;font-weight:bold;}
a.contenu:hover{text-decoration:none;color:#005761;font-weight:bold;}

a.contacter:link{text-decoration:none;color:black;font-weight:bold;font-style:italic;}
a.contacter:visited{text-decoration:none;color:black;font-weight:bold;font-style:italic;}
a.contacter:hover{text-decoration:none;color:#005761;font-weight:bold;font-style:italic;}


/*-------------------------------------------------------------- corps général */

body {
padding:0;
margin:0;
font-family:arial, times, sans-sherif;
font-size:small;
overflow:hidden;
}

/*--------------------------------------------------------------------- entete */
#bandeau {
margin:0;
padding:0;
height:100px;
border:0px;
text-align:center;
background-image:url("files/degbandeau.jpg");
}
img.ban
{
float:left;
border:0px;
margin-left:10px;
}
#bandroite
{
	display:block;
	padding-top:0px;
	color:white;
	font-size:x-large;
	font-style:italic;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-right: 125px;
}
#aldroite
{
float:right;
font-family:arial, times, sans-sherif;
font-size:small;
color:black;
margin:0;
padding:0;
margin-right:10px;
text-align:right;
}

/*------------------------------------------------------------ contenu */
#contenu
{
margin:0;
padding:0;
}

/*----------------------- partie photos de gauche */
div.photos
{
padding:0px;
margin:0px;
text-align:center;
width:150px;
float:left;
background-image:url("files/carreorange.jpg");
background-position:100%;
background-repeat: repeat-y;
}

p.phaut
{
padding:0;
margin:0;
width:150px;
height:20px;
background-image:url("files/deghaut.jpg");
background-position:100%;
background-repeat:no-repeat;
}
img.pgauche
{
border:4px ridge #CE4A00;
width:120px;
margin-bottom:5px;
margin-top:5px;
}
p.pbas
{
padding:0;
margin:0;
width:150px;
height:20px;
background-image:url("files/degbas.jpg");
background-position:100%;
background-repeat:no-repeat;
}

/* --------------------------------------------- centre */

div.centre
{
margin:0;
padding:0;
padding-left:10px;
padding-right:10px;
padding-top:20px;
height:550px;
overflow:auto;
}

/*------------------------------------------------ menu */
#menu
{
width:150px;
float:right;
background-image:url("files/carreorange.jpg");
background-position:0%;
background-repeat: repeat-y;
text-align:center;
}
p.phaut2
{
padding:0;
margin:0;
width:150px;
height:20px;
background-image:url("files/deghaut.jpg");
background-position:0%;
background-repeat:no-repeat;
}
#menu ul
{
margin:0;
padding:0;
}

/* menu - liste cas par cas */
#menu li
{
list-style-type: none;
font: bold small arial, sans-sherif;
width:120px;
margin-bottom:10px;
margin-left:20px;
margin-right:10px;
}

p.pbas2
{
padding:0;
margin:0;
width:150px;
height:20px;
background-image:url("files/degbas.jpg");
background-position:0%;
background-repeat:no-repeat;
}

p.pied
{
font-size:12px;
margin:0;
padding:0;
line-height:2em;
color:white;
height:80px;
text-align:center;
clear:both;
background-image:url("files/degpied.jpg");
background-position:0% 100%;
background-repeat:repeat-x;
}

/*------------------------------------------------------------------- contenu mise en page */

h4.center {text-align:center;}
h4.tract {padding-left:40px;font-size:medium;}

h5.edito {color:red;font-size:x-large;padding-left:40px;font-family:times;}
h5.vert {color:#00565A;}
h5.actu {padding-left:20px;font-size:medium;}
h5.tract {padding-left:20px;font-size:small;font-weight:bold;color:#CE4A00;}
h5.message {padding-left:20px;font-size:medium;}


span.i {font-style:italic;}
span.u {text-decoration:underline;}
span.g {font-weight:bold;}

span.tahoma 
{
font-family:tahoma, arial, sans-sherif;
font-size:small;
}

span.vert {color:#00565A;}
span.orange {color:#CE4A00;}
span.white {color:white;}

img.actu
{
float:left;
border:3px ridge white;
margin-left:5px;
margin-right:10px;
margin-bottom:5px;
}

img.mes
{
float:left;
border:3px ridge white;
margin-left:5px;
margin-right:10px;
margin-bottom:5px;
width:150px;
}

img.disk
{
border:0px;
margin-left:10px;
margin-right:30px;
}

div.clear
{
clear:both;
}

span.titre {color:#CE4A00;font-weight:bold;font-size:large;}


/*-------------------------------------------------------------------- bbcode */

/* alignement au centre */
span.center, p.center, div.center
{
display:block;
text-align:center;
}

/* alignement à gauche */
span.left, p.left, div.left
{
display:block;
text-align:left;
}

/* alignement à droite */
span.right, p.right, div.right
{
display:block;
text-align:right;
}

/* alignement justifié */
span.justify, p.justify, div.justify
{
display:block;
text-align:justify;
}

/* citations */
blockquote
{
border:1px solid #646464;
padding:5px;
font-size:small;
color:#646464;
background-color:white;
}

/* liste */
ul.contenu
{
margin:0px;
padding:0px;
}
li.contenu
{
margin-left:15px;
}

/* span couleurs */
span.black, p.black, div.black {color:black;}
span.darkred, p.darkred, div.darkred {color:darkred;}
span.red, p.red, div.red {color:red;}
span.brown, p.brown, div.brown {color:brown;}
span.orange, p.orange, div.orange {color:orange;}
span.yellow, p.yellow, div.yellow {color:yellow;}
span.green, p.green, div.green {color:green;}
span.olive, p.olive, div.olive {color:olive;}
span.blue, p.blue, div.blue {color:blue;}
span.darkblue, p.darkblue, div.darkblue {color:darkblue;}
span.indigo, p.indigo, div.indigo {color:indigo;}

/* éléments de texte taille */
span.x-small, p.x-small, div.x-small {font-size:x-small;}
span.small, p.small, div.small {font-size:small;}
span.medium, p.medium, div.medium {font-size:medium;}
span.large, p.large, div.large {font-size:large;}
span.x-large, p.x-large, div.x-large {font-size:x-large;}

/* éléments de texte police */
span.defaut, p.defaut, div.defaut {font-family:arial, sans-sherif;}
span.times, p.times, div.times {font-family:times, arial, sans-sherif;}
span.verdana, p.verdana, div.verdana {font-family:verdana, arial, sans-sherif;}
span.comic, p.comic, div.comic {font-family:comic sans ms, arial, sans-sherif;}