/* CSS Document - impression */
/* Mise en forme du site www.infotel.fr */
/* www.iris-interactive.fr */ 


body {
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	font-family:'Arial', Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}

#page {
	width:770px;
	margin:5px auto; /* La valeur auto est obligatoire, afin de centrer le contenu dans la fenêtre */
	padding:0;
	text-align:left;
}


/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables à la barre fonctionnelle, en haut de page */
/* ------------------------------------------------------------------------------------------- */


#fonctions {
	display:none;
}


/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables à l'entête des pages */
/* ------------------------------------------------------------------------------------------- */

#header {
	display:none;
}


/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables à la barre de navigation */
/* ------------------------------------------------------------------------------------------- */

#navigation {
	display:none;
}


/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables à la zone globale */
/* ------------------------------------------------------------------------------------------- */

#global_home, #global_interne, #global_big {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}


/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables à la colonne de gauche */
/* ------------------------------------------------------------------------------------------- */

#global_home #side_col {
	background-color:#FFFFFF;
	margin:0 0 0 3px;
	padding:0;
	float:left;
	width:140px;
	font-size:11px;
	height:210px;
}
html>body #global_home #side_col {
	margin:0 0 0 6px;
	min-height:210px;
	height:auto;
}
#global_interne #side_col {
	background-color:#FFFFFF;
	margin:0 18px 0 0;
	padding:0;
	float:right;
	width:140px;
	font-size:11px;
	height:210px;
}
html>body #global_interne #side_col {
	margin:0 6px 0 0;
	min-height:210px;
	height:auto;
}


#side_col h3 {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#8A73B4;

	background-color:#FFFFFF;
	margin:10px 5px;
	padding:0 0 10px 0;
}
#side_col h3 span {
	background-color:#FFFFFF;
}
#side_col h3 span span {
	padding:0;
	background-image:none;
}

/* Un paragraphe sans classe a une indentation sur la première ligne de 10px */
#global_home #side_col p, #global_interne #side_col p {
	margin:0;
	padding:5px;
	text-align:justify;
	color:#535353;
	width:128px;
}
html>body #side_col p {
	width:auto;
}
#side_col a {
	color:#00ADEF;
	text-decoration:none;
	font-size:11px;
}
/* Un paragraphe classe "contact" a une indentation de 10px */
#side_col p.contact {
	background:url(../images/bg_li_ul_li.gif) no-repeat 5px 5px;
	margin:0;
	padding:5px 5px 5px 15px;
	text-align:justify;
	text-indent:0;
	color:#535353;
}
/* Un paragraphe classe "lien" est aligné à droite */
#side_col p.lien, #side_col p.right {
	background-image:none;
	margin:0;
	padding:0 5px;
	text-align:right;
}
#side_col p.lien_mail {
	background-image:none;
	margin:0;
	padding:0 5px;
	text-align:left;
}


#side_col a.lnk_plus {
	padding:0;
	color:#00ADEF;
	text-decoration:none;
	font-size:11px;
}
#side_col a.lnk_pdf {
	padding:0;
	color:#00ADEF;
	text-decoration:none;
	font-size:11px;
}
#side_col a.lnk_mail {
	padding:0;
	color:#00ADEF;
	text-decoration:none;
	font-size:11px;
}
#side_col a:hover.lnk_plus, a:hover.lnk_pdf, a:hover.lnk_mail, #side_col a:hover {
	text-decoration:underline !important;
}
#side_col ul {
	margin:0;
	padding:5px;
	text-align:justify;
	color:#535353;
	width:128px;
}
html>body #side_col ul {
	width:auto;
}
#side_col li {
	list-style:none;
	background:url(../images/bg_li_ul_li.gif) no-repeat left top;
	margin:0;
	padding:0 0 5px 10px;
}
#side_col li ul {
	width:108px;
}
#side_col li.emphase {
	background:url(../images/square_blue.gif) no-repeat left top;
}
#side_col ol {
	color:#535353;
	margin:0;
	padding:5px 5px 5px 30px;
	text-align:justify;
	width:98px;
}
html>body #side_col ol {
	padding:5px 0 5px 25px;
	width:auto;
}
#side_col ol li {
	background-image:none;
	list-style:decimal;
	margin:0;
	padding:0 0 5px 0;
}
#side_col dl {
	margin:0;
	padding:5px;
	text-align:justify;
	color:#535353;
	width:128px;
}
#side_col dt {
	margin:0 0 5px 0;
	color:#FF6600;
}
#side_col dd {
	margin:0;
	padding:0 0 0 5px;
	border-left:2px solid #FF6600;
}


/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables à la zone de contenu */
/* ------------------------------------------------------------------------------------------- */
#global_home #content {
	width:573px;
	display:block;
	float:right;
	text-align:left;
	margin:0 18px 0 0;
	padding:1px 0 0 0;
}
#global_interne #content {
	width:573px;
	display:block;
	float:left;
	text-align:left;
	margin:0 0 0 3px;
	padding:1px 0 0 0;
}
#global_big #content {
	width:759px;
	display:block;
	float:left;
	text-align:left;
	margin:0 0 0 3px;
	padding:1px 0 0 0;
}
html>body #global_interne #content {
	margin:0 0 0 5px;
}

.une_col {
	float:left;
	width:181px;
	margin:0;
	padding:0 5px 0 5px;
}
.sep_deux_cols {
	background-color:#FFFFFF;
	clear:both;
	margin-bottom:5px;
}
.sep_trois_cols {
	background-color:#FFFFFF;
	clear:both;
	margin-bottom:5px;
}
.sep_deux_cols .une_col {
	background-color:#FFFFFF;
	width:265px;
	padding:0 5px 0 5px;
}
.sep_trois_cols .une_col {
	background-color:#FFFFFF;
	margin:0;
	padding:0 5px 0 5px;
}

.deux_col {
	float:left;
	width:372px;
	margin:0;
	padding:0 5px 0 5px;
}
.trois_col {
	float:left;
	width:563px;
	margin:0;
	padding:0 5px 0 5px;
}
#global_big #content .trois_col {
	float:left;
	width:749px;
	margin:0;
	padding:0 5px 0 5px;
}

#content h1 {
	font-size:22px;
	font-weight:normal;
	color:#8A73B4;
	margin:0;
	padding:5px;
}
#content h2 {
	font-size:16px;
	color:#696969;
	margin:5px 0;
	padding:0;
}
#content h2 strong {
	color:#F58220;
}
#content h3 {
	font-size:15px;
	color:#81C666;
	margin:5px 0;
	padding:0;
}
#content h4 {
	font-size:13px;
	color:#00A7D1;
	margin:5px 0;
	padding:0;
	letter-spacing:1px;
}
#content table {
	color:#888787;
	margin:0;
	padding:0;
	text-align:justify;
	width:100%;
	border-width:1px 0 0 1px;
	border-color:#888787;
	border-style:solid;
}
#content tr {
	margin:0;
	padding:0;
}
#content th {
	background:#3FC7FA url(../images/bg_th.gif) repeat-x left bottom;
	color:#FFFFFF;
	text-align:center;
}
#content th, #content td {
	margin:0;
	padding:5px;
	border-width:0 1px 1px 0;
	border-color:#888787;
	border-style:solid;
}
#content td {
	vertical-align:top;
}
#content p {
	color:#888787;
	margin:0;
	padding:5px 0;
	text-align:justify;
}
.sep_trois_cols .une_col p, .sep_trois_cols .une_col ul, .sep_trois_cols .une_col h2 {
	padding:5px !important;
}

/* ------------------------------- Attributs de largeur des paragraphes ------------------------------- */
/* Déclarations pour IE, qui se trompe dans les calculs de largeur de block lorsqu'il y a de l'italique */
.une_col p, .une_col ul, .une_col dl {
	width:178px;
}
.une_col li ul {
	width:168px;
}
.une_col ol {
	width:153px;
}
.sep_deux_cols .une_col p, .sep_deux_cols .une_col ul, .sep_deux_cols .une_col dl {
	width:262px;
}
.sep_deux_cols .une_col li ul {
	width:252px;
}
.sep_deux_cols .une_col ol {
	width:237px;
}
.sep_trois_cols .une_col p, .sep_trois_cols .une_col ul, .sep_trois_cols .une_col dl {
	width:168px;
}
.sep_trois_cols .une_col li ul {
	width:168px;
}
.sep_trois_cols .une_col ol {
	width:143px;
}
.deux_col p, .deux_col ul, .deux_col dl {
	width:366px;
}
.deux_col li ul {
	width:356px;
}
.deux_col ol {
	width:341px;
}
.deux_col p.chapeau {
	width:360px;
}
.trois_col p, .trois_col ul, .trois_col dl {
	width:559px;
}
.trois_col li ul {
	width:549px;
}
.trois_col ol {
	width:534px;
}
.trois_col p.legend {
	width:529px;
}
#global_big .trois_col p, .trois_col ul, .trois_col dl {
	width:750px;
}
#global_big .trois_col li ul {
	width:740px;
}
#global_big .trois_col ol {
	width:725px;
}
#global_big .trois_col p.legend {
	width:720px;
}


.une_col table p, .une_col table ul, .une_col table dl, .sep_deux_cols .une_col table p, .sep_deux_cols .une_col table ul, 
.sep_deux_cols .une_col table dl, .sep_trois_cols .une_col table p, .sep_trois_cols .une_col table ul, .sep_trois_cols .une_col table dl, 
.deux_col table p, .deux_col table ul, .deux_col table dl, .deux_col table p.chapeau, .trois_col table p, .trois_col table ul, 
.trois_col table dl, .trois_col table p.legend {
	width:96%;
	padding:0 !important;
}
.une_col table li ul, .sep_deux_cols .une_col table li ul, .sep_trois_cols .une_col table li ul, 
.deux_col table li ul, .trois_col table li ul {
	width:96%;
	padding:0 !important;
}

.une_col table ol, .sep_deux_cols .une_col table ol, .sep_trois_cols .une_col table ol, .deux_col table ol, .trois_col table ol {
	width:85%;
	padding:0 0 0 25px !important;
}



/* ------------------------------- Hack CSS / Annulation pour MOZ ------------------------------- */
html>body .une_col p, .une_col ul, .une_col dl, .une_col ol, .sep_deux_cols .une_col p, .sep_deux_cols .une_col ul, 
.sep_deux_cols .une_col dl, .sep_deux_cols .une_col ol, .sep_trois_cols .une_col p, .sep_trois_cols .une_col ul, 
.sep_trois_cols .une_col dl, .sep_trois_cols .une_col ol, .deux_col p, .deux_col ul, .deux_col dl, .deux_col ol, .deux_col p.chapeau, 
.trois_col p, .trois_col ul, .trois_col dl, .trois_col ol, .trois_col p.legend, .une_col li ul, .sep_deux_cols .une_col li ul, 
.sep_trois_cols .une_col li ul, .deux_col li ul, .trois_col li ul {
	width:auto;
}

html>body .une_col table p, .une_col table ul, .une_col table dl, .une_col table ol, .sep_deux_cols .une_col table p, 
.sep_deux_cols .une_col table ul, .sep_deux_cols .une_col table dl, .sep_deux_cols .une_col table ol, .sep_trois_cols .une_col table p, 
.sep_trois_cols .une_col table ul, .sep_trois_cols .une_col table dl, .sep_trois_cols .une_col table ol, .deux_col table p, 
.deux_col table ul, .deux_col table dl, .deux_col table ol, .deux_col table p.chapeau, .trois_col table p, .trois_col table ul, 
.trois_col table dl, .trois_col table ol, .trois_col table p.legend, .une_col table li ul, .sep_deux_cols .une_col table li ul, 
.sep_trois_cols .une_col table li ul, .deux_col table li ul, .trois_col table li ul {
	width:auto;
}
#global_big .trois_col p, .trois_col ul, .trois_col dl, .trois_col li ul, .trois_col ol, .trois_col p.legend {
	width:auto;
}

/* Déclarations pour la gestion des éléments à mettre en couleur */
#content span.blue, strong.blue {
	color:#00A7D1;
}
#content span.orange, strong.orange {
	color:#F58220;
}
#content span.green, strong.green {
	color:#81C666;
}
#content span.purple, strong.purple {
	color:#8A73B4;
}
/* Fin des déclarations pour la gestion des éléments à mettre en couleur */

#content blockquote {
	color:#888787;
	margin:0;
	padding:5px 25px;
	text-align:justify;
}
#content ol {
	color:#888787;
	margin:0;
	padding:5px 0 5px 25px;
	text-align:justify;
}
html>body #content ol {
	padding:5px 0 5px 20px;
}
#content ul {
	color:#888787;
	margin:0;
	padding:5px 0;
	text-align:justify;
}
#content li {
	background:url(../images/square_grey.gif) no-repeat left top;
	list-style:none;
	margin:0;
	padding:0 0 5px 10px;
}
#content li.blue {
	background:url(../images/square_blue.gif) no-repeat left top;
}
#content li.orange {
	background:url(../images/square_orange.gif) no-repeat left top;
}
#content li.green {
	background:url(../images/square_green.gif) no-repeat left top;
}
#content li.purple {
	background:url(../images/square_purple.gif) no-repeat left top;
}
#content ol li {
	background-image:none;
	list-style:decimal;
	margin:0;
	padding:0 0 5px 0;
}
#content dl {
	color:#888787;
	margin:0;
	padding:5px 0;
	text-align:justify;
}
#content dt {
	background:url(../images/square_grey.gif) no-repeat left top;
	list-style:none;
	margin:0;
	padding:0 0 5px 10px;
}
#content dd {
	list-style:none;
	border-left:2px solid #888787;
	margin:0;
	padding:0 0 5px 8px;
}
#content dl.blue dt {
	background:url(../images/square_blue.gif) no-repeat left top;
}
#content dl.green dt {
	background:url(../images/square_green.gif) no-repeat left top;
}
#content dl.purple dt {
	background:url(../images/square_purple.gif) no-repeat left top;
}
#content dl.orange dt {
	background:url(../images/square_orange.gif) no-repeat left top;
}
#content dl.blue dd {
	border-left:2px solid #00A7D1;
}
#content dl.green dd {
	border-left:2px solid #81C666;
}
#content dl.purple dd {
	border-left:2px solid #8A73B4;
}
#content dl.orange dd {
	border-left:2px solid #F58220;
}


#content object {
	margin:5px 0 0;
	padding:0;
}
#content p.lien, #content p.right {
	text-align:right;
}
#content .deux_col p.chapeau {
	border-left:1px solid #8A73B4;
	padding:5px 0 5px 5px;
}
#content a {
	color:#F58220;
	text-decoration:none;
}
#content a:hover {
	text-decoration:underline;
}


#content a.lnk_plus {
	padding:0;
}
#content a.lnk_pdf {
	padding:0;
}
#content a.lnk_mail {
	padding:0;
}
#content .sep_trois_cols .une_col a.lnk_mail, #content .une_col a.lnk_mail {
	font-size:11px;
}
#content a:hover.lnk_plus, a:hover.lnk_pdf, a:hover.lnk_mail {
	text-decoration:underline;
}


#content p.chemin {
	background-color:#F0F0F0;
	font-size:10px;
	margin-right:2px;
	padding:2px 5px;
}
html>body #content p.chemin {
	margin-right:1px;
}
#content p.chemin a {
	color:#999999;
	padding:0 0 0 10px;
}
#content p.legend {
	color:#888787;
	margin:0;
	padding:5px 15px;
	font-size:11px;
	font-style:italic;
	text-align:justify;
}
#content acronym {
	cursor:help;
	border-bottom:1px dotted #F58220;
}


/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables au pied de page */
/* ------------------------------------------------------------------------------------------- */

#foot_home, #foot_interne, #foot_big {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}
#foot_home p, #foot_interne p, #foot_big p {
	margin:0;
	padding:10px 0;
	text-align:center;
	color:#7BBDD6;
	font-size:9px;
}
#foot_home a, #foot_interne a, #foot_big a {
	text-decoration:none;
	color:#7BBDD6;
}
#foot_home a:hover, #foot_interne a:hover, #foot_big a:hover  {
	text-decoration:underline;
}


/* ------------------------------------------------------------------------------------------- */
/* Déclarations génériques */
/* ------------------------------------------------------------------------------------------- */

.spacer {
	font-size:8px;
	width:100%;
	clear:both;
}