/*
		AURELIEN.CSS
		CSS pour le site off de Rolling Cost
*/

/*
/*	PRINCIPAUX
/*
/**/

body {
	font : 12px verdana, arial, sans-serif;
	text-align : center;
	margin : 0px;

	scrollbar-arrow-color : #ffffff;
	scrollbar-base-color : rgb(182, 182, 207);
	scrollbar-face-color : rgb(110, 110, 160);
	scrollbar-highlight-color : rgb(110, 110, 160);
	scrollbar-shadow-color : rgb(110, 110, 160);
	scrollbar-track-color : #ffffff;
}

table {
	font : 12px verdana, arial, sans-serif;
}

#tableau {
	border : 1px solid #6e6ea0;
}

#tableau th {
	border : 1px solid #6e6ea0;
	background-color : #b6b6cf;
	color : #505082;
	padding : 5px;
}

#tableau td {
	border : 1px solid #6e6ea0;
	width : 150px;
	font-size : 10px;
	text-align : center;
}

#tableau td img {
	margin : 3px;
}

#tableau td .txt_tab {
	width : 120px;
	height : 25px;
	margin : 2px auto;
}

#tableau2 {
	border : 1px solid #6e6ea0;
}

#tableau2 td {
	border : 1px solid #6e6ea0;
	text-align : center;
}

#tableau2 td img {
	border : none;
	margin : 1px;
	width : 83%;
}

#tableau_equipe td {
	width : 135px;
	text-align : center;
}

#tableau_equipe td strong {
	font-size : 10px;
}

#liste li {
	padding : 5px;
}

.ancre
{
	margin:10px;
}

a {
	color : #fff;
	text-decoration : none;
	font-style : italic;
}

a:hover {
	color : #ff9900;
}

#conteneur {
	background : #ffffff url("images/quad01.gif") top left;
	text-align : center;
	height : 420px;
	width : 775px;
	margin : auto;
	margin-top : 1px;
}

/*
/*	SECTIONS DE COLONNES
/*
/**/

.section {
	color : #ffffff;
}

.titre_section {
	padding : 3px 0px;
	text-align : center;
	font-size : 10px;
	font-weight : bold;

	color : rgb(80, 80, 130);
	border-top : 1px solid #ffffff;
	border-bottom : 1px solid #ffffff;
	background-color : rgb(182, 182, 207);
}

#login_box #section .titre_section {
	color : #ffffff;
	background-color : #6e6ea0;
}

.premier {
	border-top : none;
}

.titre_section span {
	font-size : 14px;
}

.contenu_section {
	line-height : 15px;
	font-size : 11px;
	padding : 9px 0px;
}

.alignementB {
	text-align : left;
	padding : 10px;
}

/*
/*	COLONNES MENU
/*
/**/

#colonne_gauche {
	float : left;
	width : 164px;
	height : 100%;
	background : rgb(110, 110, 160);
}

#colonne_droite {
	float : right;
	width : 164px;
	height : 100%;
	background : rgb(110, 110, 160);
}

#bordure_gauche {
	float : left;
	width : 20px;
	height : 500px;
	background : rgb(110, 110, 160);
}

#bordure_droite {
	float : right;
	width : 20px;
	height : 500px;
	background : rgb(110, 110, 160);
}

#colonne_principale {
	/* Sans colonne ni droite ni gauche */
	text-align : center;
	margin : 0px 20px;
	padding : 0px;
}

#colonne_principale_popup {
	margin : 10px;
	text-align : left;
	height : 480;
	background : #ffffff url("images/quad01.gif") top left;
}

#colonne_principale_g {
	/* Sans colonne a gauche */
	text-align : left;
	margin : 0px 20px 0px 165px;
}

#colonne_principale_gd {
	/* Avec colonne gauche et droite */
}

/*
/*	CONTENU COLONNE PRINCIPALE
/*
/**/

#contenu_principal {
	padding : 1px 10px;
}

#contenu_principal a {
	color : rgb(50, 50, 100);
}

#contenu_principal a:hover {
	color : #FF9900;
/*	color : rgb(50, 100, 200);*/
}

#contenu_principal h1 {
	color : #ffffff;
	font-size : 12px;
	font-weight : bold;
	letter-spacing : 2px;
	text-align : center;
	border : none;
	margin : 5px 0px;
	padding : 0px 20px;
	line-height : 20px;
	background-color : rgb(110, 110, 160);
}

#contenu_principal h1 span {
	font-size : 9px;
	font-weight : normal;
	font-style : italic;
}

#contenu_principal p {
	margin : 10px 0px;
	padding : 0px 10px;
	text-indent : 30px;
	text-align  : justify;
}

#contenu_principal .mini_p {
	margin : 5px 0px;
	padding : 0px 5px;
	text-indent : 10px;
	text-align  : justify;
	font-size : 11px;
}

#contenu_principal p span {
	font : "Trebuchet MS";
	font-weight : bold;
	color : rgb(110, 110, 160);
}

#contenu_principal strong {
	font-style : normal;
	font-weight : normal;
	color : #993300;
}


#contenu_principal h2 {
	font-size : 12px;
	margin : 10px 0px;

	color : rgb(80, 80, 130);
	letter-spacing : 0px;
	padding-bottom : 1px;
	border-bottom : 1px dotted rgb(80, 80, 130);
}

#contenu_principal h2 a {
	font-style : normal;
}

#contenu_principal h2 a:hover {
	text-transform : none;
}

#contenu_principal h2 a span {
	position : relative;
	top : -5px;
	font-size : 10px;
}

#contenu_principal h3 {
	position : relative;
	top : -3px;
	line-height : 15px;
	margin : 5px 0px;
	color : rgb(0, 0, 50);
	font-size : 12px;
	letter-spacing : 2px;
	text-align : center;
	font-weight : normal;
	font-style : italic;
}

#contenu_principal h4 {
	position : relative;
	top : -8px;
	color : rgb(0, 0, 50);
	margin : 0px;
	font-size : 11px;
	text-align : center;
	font-weight : normal;
	font-style : italic;
}

#contenu_principal li {
	margin-top : 1px;
}

#contenu_principal ul {
	margin-top : 1px;
	margin-bottom : 1px;
}

.B{
	color : #505082;
}

.R {
	font-size : 10px;
	position : relative;
	top : -3px;
}


/*
/*	CONTACT
/*
/**/

.identite {
	width : 170px;
	text-align : center;

	margin : 5px 30px;
	padding : 5px;
	border : 2px solid rgb(110, 110, 160);
	background : #ffffff;
}

.identite2 {
	width : 230px;
	height : 130px;
	margin : auto;
	margin-top : 30px;
	font : 12px "Trebuchet MS", verdana, arial, sans-serif;
	text-align : center;
	line-height : 15px;
	padding : 35px 0px 0px;
	background : url("images/carte_visite.gif") no-repeat;
}

.identite2 a {
	font : 14px;
	color : #000;
}

.identite2 span {
	font : 16px;
	line-height : 15px;
	font-weight : bold;
}

.bas_identite {
	width : 100%;
	padding : 5px;
	font : 14px "Trebuchet MS", verdana, arial, sans-serif;
	color : rgb(80, 80, 130);
	border-bottom : 2px solid rgb(110, 110, 160);
}

/*
/*	MENUS
/*
/**/

.menu {
	text-align : left;
	line-height : 20px;

	padding : 18px 0px 117px 0px;
	border : none;
	width : 100%;
}

.menu span {
	padding : 5px 5px 5px 18px;
	text-align : left;

	margin-left : 15px;
	font-weight : normal;
	text-transform : uppercase;
	color: #ffff00;
	text-decoration: none;
	background : transparent url("images/carre_jaune.gif") no-repeat left;
}

.menu a {
	padding : 5px 5px 5px 18px;
	text-align : left;

	margin-left : 15px;
	color: #ffffff;
	font-style : normal;
	text-decoration: none;
	background : transparent url("images/carre_blanc.gif") no-repeat left;
}

.menu a:hover {
	color : #99ccff;
	text-transform : none;
	background : transparent url("images/carre_bleuciel.gif") no-repeat left;
}

.menu .sous_menu span {
	padding : 5px 5px 5px 10px;
	text-align : left;

	margin-left : 35px;
	font-weight : normal;
	font-style : italic;
	text-transform : uppercase;
	color: #ffff00;
	text-decoration: none;
	background : transparent url("images/rond_jaune.gif") no-repeat left;
}

.menu .sous_menu a {
	padding : 5px 5px 5px 10px;
	text-align : left;

	margin-left : 35px;
	color: #ffffff;
	font-style : italic;
	text-decoration: none;
	background : transparent url("images/rond_blanc.gif") no-repeat left;
}

.menu .sous_menu a:hover {
	color : #99ccff;
	text-transform : none;
	background : transparent url("images/rond_bleuciel.gif") no-repeat left;
}

/*
/*	MISES EN PAGES "DECO"
/*
/**/

#bottom_bar {
	margin : auto;
	width : 775px;
	font-size: 8pt;
	font-family: arial;

	background : rgb(182, 182, 207);
	margin-top : 1px;
	color : #000;
}

#bottom_bar a {
	color : #aa0000;
	text-decoration : none;
}

#login_box {
	width : 200px;
	margin : 20px auto;

	border : 1px solid rgb(110, 110, 160);
	border-top : none;
	background : #ffffff;
}

input.bouton_exp {
	margin-top : 3px;
	font-size : 11px;
}

.roll {
	font-family : "Trebuchet MS";
	font-size : 13px;
	font-weight : bold;
	color : rgb(110, 110, 160);
}

.roll_solutions {
	font-family : Georgia, Arial, sans-serif;
	font-weight : bold;
	color : rgb(80, 80, 130);
}

.big_size {
	font-size : 14px;
	font-style : italic;
	text-align : center;
}

.titre {
	margin-left : 25%;

	padding : 0px 10px 0px 20px;
	border-bottom : 1px solid #aaaaaa;
	background : url("images/carre_bleu.gif") no-repeat bottom left;
}

.titre a {
	color : rgb(100, 25, 0);
	text-decoration : none;
	font-style : normal;
	letter-spacing : 2px;
}

.titre a:hover {
	color : rgb(110, 110, 160);
}

#demi_gauche {
/*	background-color : #aaffff;*/
	float : left;
	width : 260px;
	text-align : left;
}

#demi_droite {
/*	background-color : #ffffaa;*/
	float : right;
	width : 260px;
	text-align : left;
}

#bouton a {
	padding : 1px 10px;
	color : #ffffff;
	background : #6e6ea0;
	font-style : normal;
	font-size : 11px;
	border : 2px outset rgb(182, 182, 207);
}

#bouton a:hover {
	color : #505082;
	background : #b6b6cf;
}

#next {
	position : absolute;
	bottom : 5px;
	right : 30px;
}

#prev {
	position : absolute;
	bottom : 5px;
}

#next a {
	font-size : 10px;
	color : #000;
	background-color : rgb(202, 202, 227);
	padding : 0px 5px;
	font-style : normal;
}
#next a:hover {
	color : #fff;
	background-color : rgb(80, 80, 130);
	font-style : normal;
	text-transform : none;
}

#prev a {
	font-size : 10px;
	color : #000;
	background-color : rgb(202, 202, 227);
	padding : 0px 5px;
	font-style : normal;
}
#prev a:hover {
	color : #fff;
	background-color : rgb(80, 80, 130);
	font-style : normal;
	text-transform : none;
}