/* _____COMMUN _____*/
body
{background: #E9E9E9 url(../img/commun/bg-page.jpg) top repeat-x; text-align:center; margin:0 ; border:0; padding:0}
#global
{width:781px;}
#bord-gauche
{width:15px;vertical-align:top;background:url(../img/commun/bg-left.jpg) top repeat-y;}
#bord-droite
{width:15px;vertical-align:top;background:url(../img/commun/bg-right.jpg) top repeat-y;}
#page
{width:751px;background: #FFFFFF url(../img/commun/bg-top-left.jpg) top repeat-x;vertical-align:top}


/* _____MENU PRINCIPAL _____*/
#bloc-menu
{float:right;width:205px;height:193px;vertical-align:top;margin:0px;background: url(../img/commun/bg-top-right.jpg) left top no-repeat;padding: 0px;}
#bloc-menu UL {margin-top:45px;margin-left:5px;text-align:left;list-style:none;padding: 0;margin-right:10px;}
#bloc-menu LI a {display:block;height:22px;line-height:22px;font-weight:normal;font-size:12px;color:#57757F;text-decoration:none;margin: 0px 2px 5px 2px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;}
#bloc-menu LI a:hover {display:block;
	border-top: 1px solid #D2D2D0;
	border-right: 1px solid #D2D2D0;
	border-bottom: 1px solid #D2D2D0;
	border-left: 1px solid #D2D2D0;}
span.numero {margin-left:5px;font-size:9px;color:#FD4800;}
span.orange {color:#FD4800}


/* _____TETIERES _____*/
#tetiere
{width:751px;height:193px;}
TD.tetiere-accueil
{background: url(../img/theme/00.jpg) top left no-repeat;height:227px;}
TD.tetiere-print
{background: url(../img/theme/01.jpg) top left no-repeat;height:227px;}
TD.tetiere-print-lite
{background: url(../img/theme/01.jpg) top left no-repeat;padding:70px 0 0 0;}
TD.tetiere-web
{background: url(../img/theme/02.jpg) top left no-repeat;height:227px;}
TD.tetiere-web-lite
{background: url(../img/theme/02.jpg) top left no-repeat;padding:70px 0 0 0;}
TD.tetiere-multimedia
{background: url(../img/theme/03.jpg) top left no-repeat;height:227px;}
TD.tetiere-multimedia-lite
{background: url(../img/theme/03.jpg) top left no-repeat;padding:70px 0 0 0;}
TD.tetiere-video
{background: url(../img/theme/04.jpg) top left no-repeat;height:227px;}
TD.tetiere-video-lite
{background: url(../img/theme/04.jpg) top left no-repeat;padding:70px 0 0 0;}
TD.tetiere-studio
{background: url(../img/theme/05.jpg) top left no-repeat;height:227px;}
TD.tetiere-studio-lite
{background: url(../img/theme/05.jpg) top left no-repeat;padding:70px 0 0 0;}


/* _____BANDEAU_____*/
#bandeau-couleur
{background-color:#FD4800;height:29px;padding: 0;}
#bandeau-couleur h1
{font-size:12px;font-weight:bold;color:#FFFFFF;margin: 0px 0px 0px 8px;}

.onglet a {
float: left;margin: 0px 0px 0px 8px;
font-size:12px;
width: 150px;
height: 24px;
line-height:24px;
display: block;
text-align: center;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #D2D2D0;
border-left: 1px solid #FFFFFF;
text-decoration: none;
color: #000;
background: url(../img/commun/bg-onglet-off2.jpg) left top repeat-x;
}
.onglet a:hover {
border-top: 1px solid #C4C3C1;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #C4C3C1;
}
.onglet-on {
float: left;margin: 0px 0px 0px 8px;
font-size:12px;
font-weight:bold;
width: 150px;
height: 24px;
line-height:24px;
display: block;
text-align: center;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #D2D2D0;
border-left: 1px solid #FFFFFF;
text-decoration: none;
color: #FD4800;
background: url(../img/commun/bg-onglet-on.jpg) left top repeat-x;
}


/* _____CONTENU_____*/
#contenu
{background: url(../img/commun/bg-colonne-droite.gif) top right repeat-y;vertical-align:top;}
#colonne-gauche
{vertical-align:top;width:538px;padding:8px;}

#colonne-droite
{vertical-align:top;width:213px;padding: 8px 0px 8px 0px;}
#colonne-droite UL
{list-style:none;padding: 0px;margin:8px 0px 0px 0px;}
#colonne-droite LI {display:block;height:20px;line-height:20px;font-weight:normal;font-size:11px;color:#57757F;text-indent:14px;margin: 0px;padding:0px;
background: url(../img/commun/fleche-liste.gif) center left no-repeat;}
#colonne-droite LI a {font-size:11px;font-weight:normal;color:#000000;}
#colonne-droite LI a:hover {color:#FD4800;}


/* _____BLOCS TECHNIQUE _____*/
DIV.article-technique
{display:block;vertical-align:top;color:#FD4800;margin: 15px 0px 0px 0px;text-decoration:none;width:180px;padding: 5px;border-top: 2px solid #C5C5C5;}
DIV.article-technique h5
{display:block;font-weight:normal;font-size:11px;height: 20px;width:180px;color:#57757F;text-indent: 21px;line-height: 18px;margin: 0px 0px 5px 0px;
background: url(../img/commun/bg-titre-studio.gif) left top repeat;text-align:left;}	
DIV.article-technique a
{font-size:14px;color:#FD4800;font-weight:bold;text-decoration:none;display:block;}
DIV.article-technique a:hover
{color:#000000}
DIV.article-technique h6
{color:#57757F;font-size:10px;padding:0px;margin: 0px 0px 5px 0px;font-weight:normal;}
DIV.article-technique p
{font-weight:normal;color:#000000; margin:0px;}

/* _____BLOCS DROITE _____*/
DIV.article2
{display:block;vertical-align:top;color:#FD4800;margin: 10px 10px 10px 10px;text-decoration:none;padding: 5px;border-top: 2px solid #C5C5C5;}
DIV.article2 h5
{display:block;font-weight:normal;font-size:11px;height: 20px;width:180px;color:#57757F;text-indent: 21px;line-height: 18px;margin: 0px 0px 5px 0px;
background: url(../img/commun/bg-titre-studio.gif) left top repeat;text-align:left;}	
DIV.article2 a
{font-size:14px;color:#FD4800;font-weight:bold;text-decoration:none;display:block;}
DIV.article2 a:hover
{color:#000000}
DIV.article2 h6
{color:#57757F;font-size:10px;padding:0px;margin: 0px 0px 5px 0px;font-weight:normal;}
DIV.article2 h1
{color:#FD4800;font-weight:bold;font-size:12px;margin: 5px 0px 5px 0px;padding:0px;}
DIV.article2 p
{font-weight:normal;color:#000000; margin:0px;}



/* _____TEXTE D'INTRODUCTION _____*/
#texte-intro
{float:left;vertical-align:top;margin: 0px 0px 8px 0px;padding-bottom:8px; border-bottom: 1px solid #D2D2D0;width:275px; height:70px;}
#texte-intro h6
{color:#57757F;font-size:10px;padding:0px;margin: 5px 10px 5px 15px;}
#texte-intro h1
{color:#FD4800;font-weight:bold;font-size:12px;margin: 0px 10px 5px 15px;padding:0px;}
#texte-intro a
{color:#FD4800;text-decoration:none;}
#texte-intro a:hover
{color:#000000;}
#texte-intro p
{color:#000000;font-size:11px;margin: 0px 10px 5px 15px;padding:0px;}

DIV.article
{display:block;vertical-align:top;margin: 0;text-decoration:none;padding: 20px;}
DIV.article h6
{color:#57757F;font-size:10px;padding:0px;margin: 0px 0px 5px 0px;font-weight:normal;}
DIV.article h1,a
{font-size:12px;color:#FD4800;font-weight:bold;text-decoration:none;margin: 0px 0px 5px 0px;}
DIV.article a:hover
{color:#000000}
DIV.article p
{color:#57757F;font-size:11px;margin: 0px 0px 0px 0px;padding:0px;}

DIV.article-color
{display:block;vertical-align:top;color:#000000;margin: 0px 0px 8px 0px;text-decoration:none;padding: 8px;background-color:#F1F1F0;
	border-top: 1px solid #F1F1F0;
	border-right: 1px solid #F1F1F0;
	border-bottom: 1px solid #D2D2D0;
	border-left: 1px solid #F1F1F0;}
DIV.article-color h6
{color:#57757F;font-size:10px;padding:0px;margin: 0px 0px 0px 0px;font-weight:normal;}
DIV.article-color h1
{font-size:12px;color:#FD4800;font-weight:bold;text-decoration:none;margin: 0px 0px 5px 0px;}
DIV.article-color h4
{font-size:14px;color:#FD4800;font-weight:bold;}
DIV.article-color a
{font-size:12px;color:#FD4800;font-weight:bold;text-decoration:none;margin: 0px 0px 5px 0px;}
DIV.article-color a:hover
{color:#000000}
DIV.article-color p
{color:#000000;font-size:11px;margin: 0px 0px 0px 0px;padding:0px;text-align:justify;}


/* _____COLONNE PREVIEW BIG _____*/
DIV.colonne-preview-big 
{display:block;vertical-align:top;display:block;color:#FD4800;margin: 0px 0px 0px 0px;text-decoration:none;width:240px;height:240px;padding: 6px;
	border-top: 1px solid #F1F1F0;
	border-right: 1px solid #F1F1F0;
	border-bottom: 1px solid #D2D2D0;
	border-left: 1px solid #F1F1F0;}
DIV.colonne-preview-big h5
{display:block;font-weight:normal;font-size:11px;height: 20px;width:240px;color:#57757F;text-indent: 21px;line-height: 18px;margin: 0px 0px 5px 0px;
background: url(../img/commun/bg-titre-studio.gif) left top repeat;text-align:left;}	
DIV.colonne-preview-big a
{font-size:11px;color:#FD4800;font-weight:bold;text-decoration:none;}
DIV.colonne-preview-big a:hover
{color:#000000}
DIV.colonne-preview-big h6
{color:#57757F;font-size:10px;padding:0px;margin: 0px 0px 5px 0px;font-weight:normal;}
DIV.colonne-preview-big p
{font-weight:normal;color:#000000}

/* _____COLONNE PREVIEW LITE _____*/
#colonne-preview-lite
{vertical-align:top; width:257px;}
#colonne-preview-lite div
{display:block;color:#FD4800;margin: 0px 0px 8px 0px;padding: 4px;text-decoration:none;height:60px;
	border-top: 1px solid #F1F1F0;
	border-right: 1px solid #F1F1F0;
	border-bottom: 1px solid #D2D2D0;
	border-left: 1px solid #F1F1F0;}
#colonne-preview-lite a
{font-size:11px;color:#FD4800;font-weight:bold;}
#colonne-preview-lite a:hover
{color:#000000}
#colonne-preview-lite h6
{color:#57757F;font-size:10px;padding:0px;margin: 0px 0px 5px 0px;font-weight:normal;}
#colonne-preview-lite p
{font-weight:normal;}

/* _____COLONNE PREVIEW LITE2 _____*/
#colonne-preview-lite2
{vertical-align:top; width:257px;}
#colonne-preview-lite2 div
{display:block;color:#FD4800;margin: 0px 0px 8px 0px;padding: 4px;text-decoration:none;height:60px;
	border-top: 1px solid #F1F1F0;
	border-right: 1px solid #F1F1F0;
	border-bottom: 1px solid #D2D2D0;
	border-left: 1px solid #F1F1F0;}
#colonne-preview-lite2 a
{font-size:11px;color:#FD4800;font-weight:bold;}
#colonne-preview-lite2 a:hover
{color:#000000}
#colonne-preview-lite2 h6
{color:#57757F;font-size:10px;padding:0px;margin: 0px 0px 5px 0px;font-weight:normal;}
#colonne-preview-lite2 p
{font-weight:normal;}


/* _____FOOTER_____*/
#separateur
{background: url(../img/commun/sep-footer.gif) top right repeat-y;height:5px;}
#footer
{background: url(../img/commun/bg-footer.gif) top repeat-y;height:80px;}
#fin
{background: url(../img/commun/bg-bottom.jpg) top no-repeat;height:15px;}
#logo
{float:left;width:225px;height:47px;margin: 100px 0px 0px 30px;}
#texte-footer
{float:left;;vertical-align:top;margin: 10px 0px 0px 8px;color:#999592;}



/* _____BOUTON_____*/


DIV.bouton a
{
	font-weight:bold;
	font-size:11px;
	display: block;
	cursor: pointer;
	height: 20px;
	background-color: #ffffff;
	border: #cccccc;
	border-style: solid;
	background: url(../img/commun/bt-on.gif) top left no-repeat;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-right-width: 2px;
	border-left-width: 1px;
	text-align:left;
	padding: 0px;
	margin: 0px;
	color:#57757F;
	text-indent: 18px;
	vertical-align: middle;
	line-height: 18px;
}
DIV.bouton a:hover
{display: block;
color: #FD4800;
border-color: #D2D2D0;
background: url(../img/commun/bt-off.gif) top left no-repeat;
border-right-width: 1px;
border-left-width: 2px;
border-top-width: 2px;
border-bottom-width: 1px;
}


DIV.bouton-copyright a
{
	font-weight:normal;
	font-size:11px;
	display: block;
	text-align:left;
	margin: 8px 0px 8px 0px;
	color:#57757F;

}
DIV.bouton-copyright a:hover
{display: block;color: #FD4800;}