body
{
	background-color: #FFF;
	background-image: url("../images/sivimaroc_formations_fond_body.gif");
    background-repeat: repeat-x;
    font: normal 14px/25px Arial, Helvetica, sans-serif; 
	color: #403f42; /* couleur du texte par defaut */
}

/* BLOCS */

#menu
{
	background-image: url("../images/sivimaroc_fond_menu.jpg");
    background-repeat: no-repeat;
    height: 188px;
    width: 1000px;
    border: 0px dashed fuchsia ;
}

#menu_presentation
{
	background-image: url("../images/presentation/sivimaroc_presentation_fond_menu.jpg");
    background-repeat: no-repeat;
    height: 188px;
    width: 1000px;
    border: 0px dashed fuchsia ;
}

#menu_liens
{
	background-image: url("../images/liens/sivimaroc_liens_fond_menu.jpg");
    background-repeat: no-repeat;
    height: 188px;
    width: 1000px;
    border: 0px dashed fuchsia ;
}

#menu_contacts
{
	background-image: url("../images/contacts/sivimaroc_contacts_fond_menu.jpg");
    background-repeat: no-repeat;
    height: 188px;
    width: 1000px;
    border: 0px dashed fuchsia ;
}

#conteneur
{
	background-color: white;
    min-height: 100px;
    width: 980px;
    border: 0px dotted yellow;
    margin-left: 15px;
    padding: 0px;
}


#corps
{
	background-color: white;
    min-height: 500px;
    width: 970px;
    border: 0px solid blue;
    margin-left: 0px;
    margin-top: 10px;
    padding: 5px;
}



/* TEXTES */

h1
{
	font-size: large;
	color : #68c403;
	font-weight: lighter;
	text-transform: uppercase;
	border-bottom: 2px dotted #a7afaa;
}

h2
{
	font-size: small;
	color : #c00027;
	font-weight: lighter;
	text-transform: uppercase;
	border-bottom: 1px dotted #a7afaa;
}

h3
{
	font-size: large;
	color : #c00027;
	font-weight: bold;
	line-height: 40%;
	padding-top: 10px;
}

h4
{
	font-size:medium;
	color : #77ad1a;
	line-height: 40%;
}


p
{
	line-height: 100%;
}

.en_avant
{
	color : #68c403;
	font-size: medium;
	font-weight: bold;
}

.lien_references
{
	color : #68c403;
	font-size: medium;
	font-variant: small-caps;
}

.icone_logiciel
{
	text-align: left;
}

#copyright_home
{
	font-size: xx-small;
	color : #68c403;
	margin-top: 10px;
	padding-bottom: 0px;
}

#copyright
{
	font-size: xx-small;
	color : #68c403;
	border-top: 1px dotted #a7afaa;
	margin-top: 5px;
	padding-top: 5px;
}

#w3c
{
	border-top: 0px dotted #a7afaa;
	padding-top: 5px;
}


.slider_actu_ref
{
	font-size: small;
	color : gray;
}

.corps_separateur
{
	border-bottom: 1px dotted #a7afaa;
	background-image: url("../images/sivimaroc_fond_menu.jpg");
    background-repeat: no-repeat;
}



/* IMAGES */


#img_corps
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}



/* BASELINE */

#baseline
{
	font-size: xx-small;
	color : #c00027;
	padding-top: 5px;
	border-top: 1px dotted #a7afaa;

}

#baseline a:link { /* Lien inactif */
	text-decoration: none;
	color : #8f9692;
}

#baseline a:hover { /* Lien inactif */
	color: #c00027;
	text-decoration: underline;
}


/* masquer sous-menu (sous-liste) */

ul#nav li ul {
	display: none;
	padding-left: 0;
}

/* au survol du li, ul s'affiche */

ul#nav li:hover ul, ul#nav li.over ul {
	display: block;
}

/* mise en forme de la barre de navigation */

ul#nav {
	list-style: none;
	float: left;
	padding: 0;
	margin-top: 155px;
	margin-left: 220px;
	border: 0px dotted purple;
}

ul#nav li {
	float: left;
	border-right: 1px solid white;
	padding: 0 10px;
	font-size: medium;
	color: #c00027;
}

ul#nav li ul { /* menu deroulant */
	list-style: none inside;
	position: absolute;
	line-height: 20px;
	margin-top: 10px;
}

ul#nav li ul li { /* element de menu deroulant */
	float: none;
	border: none;
	padding: 0 0;
}

/*liens nav*/

ul#nav li a {
	color: #c00027;
	text-decoration: none;
	text-transform: uppercase;
}

ul#nav li a:hover {
	color: white;
	background: #68c403;
}

ul#nav li ul li a {
	border: none;
	font-size: 80%;
	color : black;
}

/*séparateurs*/

ul#nav li:first-child {
	padding-left: 0;
}




/*LIENS*/

a:link { /* Lien inactif */
	color: #403f42;
	text-decoration: underline;
}


a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   color: #403f42;
   text-decoration: none;
}


a:hover { /* Quand le visiteur pointe sur le lien */
	color: #c00027;
	text-decoration: underline;
}


a:active /* Quand le visiteur clique sur le lien */
{
	color: #c00027;
	text-decoration: underline;
}


a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}


a img:visited /* Quand le visiteur a déjà vu la page concernée */
{
   border: none; /* Pas de bordure */
}


/*TABLEAUX*/

table /* Le tableau en lui-même */
{
	border: none;
	border-collapse: collapse; /* Colle les bordures entre elles */
}


td /* Les cellules normales */
{
	border: 0px dotted navy;
	vertical-align : middle;
	text-align: left; /* Tous les textes des cellules seront centrés*/
	padding : 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}