/* ########## REMISE A 0 ########## */

* {
margin : 0px;
padding : 0px;
}

html {
min-height: 100%;
height: auto;
height: 100%;
overflow:-moz-scrollbars-vertical;
}

a {
text-decoration : underline;
border : 0px;
outline:none;
color : #000000;
}

a:hover {
color : #336699;
}

a img, img {
border : 0px;
/* margin-bottom : -3px;*/
}

li, blockquote {
margin-left : 20px;
}

fieldset {
border : 0px;
}

table {
border-collapse : collapse;
}

button {
font-family : arial, sans-serif;
}

div#migc_ref {
position : absolute;
top : 0px;
left : -1000px;
display: none;
width : 987px;
}

#print {
position : absolute;
top : 110px;
right : 5px;
}

#print a {
padding-left : 25px;
background : url('../ico-print.png') no-repeat center left;
color : #336699;
text-decoration : none;
}

/* ########## STYLES ########## */


/* ########## BODY ########## */

body {
font-family : arial, sans-serif;
font-size : 9pt;
color : #414141;
height: 100%;
}

body#migc {
text-align : center;
background : url('../background.png') repeat-x center top #fbfbfb;
}

div#global {
position : relative;
min-height : 100%;
}

/* ########## CONTENT - FOOTER - PAGE ########## */

div#content {
position : relative;
width : 100%;
margin : 0px auto 0px auto;
}

div#page {
width : 987px;
height : auto;
text-align : left;
position : relative;
margin : 0px auto 0px auto;
background : url('../page-background.png') repeat-y top center white;
padding : 0px 4px 0px 4px;
}

div#footer {
width : 100%;
height : 40px;
}

/* ########## HEADER ZONE ########## */

div#header_zone {
width : 987px;
height : 152px;
background : url('../header-zone-background.png');
position : relative;
z-index : 1;
}

div#logo {
width : 327px;
height : 95px;
overflow : hidden;
padding-top : 33px;
padding-left: 8px;
}

p#slogan {
font-weight : bold;
color : black;
padding-left : 8px;
font-family : tahoma, sans-serif;
}

ul#languages {
position : absolute;
top : 5px;
left : 4px;
z-index : 1;
}

ul#languages li {
margin : 0px;
list-style-type : none;
float : left;
padding-right : 4px;
}

ul#languages li a {
width : 18px;
height : 15px;
line-height : 15px;
display : block;
text-align : center;
border : 1px solid #999999;
background : #cccccc;
color : #78789b;
text-decoration : none;
font-size : 8pt;
}

ul#languages li a:hover, ul#languages li a.selitem {
border : 1px solid #333333;
background : #666666;
color : #ffffff;
}

p#moreinfos {
position : absolute;
top : 6px;
right : 45px;
z-index : 1;
line-height : 19px;
font-size : 8pt;
}

/* ########## MIN HEIGHT ########## */

div.minheight1 {
height: 350px;
width: 0px;
float : left;
font-size : 0px;
line-height : 0px;
}

div.minheight2 {
height: 100px;
width: 0px;
float : left;
font-size : 0px;
line-height : 0px;
}

div.clear {
clear: both;
font-size : 0px;
line-height : 0px;
height: 0px;
width: 0px;
}

/* ########## CENTER ZONE ########## */

div#center_zone {
width : 987px;
font-family : verdana, sans-serif;
padding : 17px 0px 0px 0px;
}

div#left_content {
width : 231px;
float : left;
padding : 0px 17px 0px 17px;
}

div#center_content {
width : 450px;
float : left;
}

div#center_content2 {
width : 705px;
float : left;
padding : 0px 17px 0px 0px;
}

div#right_content {
width : 238px;
float : left;
padding : 0px 17px 0px 17px;
}

div#bottom_content {
float : none;
clear : both;
height : 40px;
}

div#anysurfer {
float : left;
width : 265px;
}

div#lastupdate {
float : left;
width : 265px;
color : #999999;
line-height : 40px;
}

/* ########## MENU ########## */

ul.menu {
padding : 0px 2px 5px 2px;
}

ul.menu li {
list-style-type : none;
margin : 0px;
padding : 0px 5px 3px 5px;
}

ul.menu li ul {
padding : 10px 0px 10px 10px;
}

ul.menu li a {
display : block;
padding-left : 15px;
background : url('../menu_off.png') no-repeat 2px 3px;
color : #336699;
text-decoration : none;
}

ul.menu li  ul li a {
background : url('../menu_off2.png') no-repeat 1px 5px;
padding-left : 10px;
}

.red ul.menu li a, .green ul.menu li a {
background : url('../menu_off_on.png') no-repeat 0px 7px;
text-decoration : underline;
padding-left : 10px;
}

ul.menu li a:hover {
background : url('../menu_on3.png') no-repeat 2px 3px;
color : black;
}

ul.menu li a.selitem {
background : url('../menu_on.png') no-repeat 2px 3px #dddddd;
}

ul.menu li ul li a:hover {
background : url('../menu_on4.png') no-repeat 2px 5px;
color : black;
}

ul.menu li ul li a.selitem {
background : url('../menu_on2.png') no-repeat 1px 5px #dddddd;
}

.red ul.menu li a:hover, .green ul.menu li a:hover,
.red ul.menu li a.selitem, .green ul.menu li a.selitem {
background : url('../menu_off_on.png') no-repeat 0px 7px;
}

ul.menu li  ul li ul li a {
background : none;
}

ul.menu li  ul li ul li a:hover {
background : none;
color : black;
}

ul.menu li ul li ul li a.selitem {
background : none;
background : #dddddd !important;
}

/* ########## BOX CONTENT ########## */

div.box_content {
width : 226px;
background : url('../box_content.png');
margin-bottom : 17px;
}

div.box_content-header {
background : url('../box_content-header.png') no-repeat top left;
padding-top : 33px;
}

div.box_content-footer {
background : url('../box_content-footer.png') no-repeat bottom left;
min-height : 43px;
padding : 0px 8px 10px 8px;
}

div.box_content.red {
width : 233px;
background : url('../box_content-red.png');
}

div.box_content.green {
width : 233px;
background : url('../box_content-green.png');
}

div.box_content.red h1, div.box_content.green h1 {
color : white;
font-size : 12pt;
line-height : 27px;
padding-left:  25px;
margin-bottom : 5px;
font-family : "Trebuchet MS",sans-serif;

}

.red div.box_content-header {
background : url('../box_content-header-red.png') no-repeat top left;
padding-top : 0px;
}

.red div.box_content-footer {
background : url('../box_content-footer-red.png') no-repeat bottom left;
min-height : 43px;
padding : 0px 8px 2px 8px;
}

.green div.box_content-header {
background : url('../box_content-header-green.png') no-repeat top left;
padding-top : 0px;
}

.green div.box_content-footer {
background : url('../box_content-footer-green.png') no-repeat bottom left;
min-height : 43px;
padding : 0px 8px 2px 8px;
}

/* ########## PARAGRAPHES ########## */

div.parag_content {
width : auto;
clear : both;
color : #444444;
position : relative;
margin-bottom : 17px;
}

div.parag_content  h1 {
width : auto;
font-size : 14pt;
color : #000000;
font-weight : normal;
margin-bottom : 15px;
font-family : "Trebuchet MS",sans-serif;
}

div.parag_content  h3 {
width : auto;
font-size : 14pt;
color : #555555;
font-weight : normal;
margin-bottom : 15px;
font-family : "Trebuchet MS",sans-serif;
}

div.parag_content  h4 {
width : auto;
font-size : 11pt;
color : #555555;
font-weight : normal;
margin-bottom : 15px;
font-family : "Trebuchet MS",sans-serif;
}

div.parag_content a {
color : #336699;
}

/* -------------------- ZONE DE TEXTES -------------------- */
div.parag_text_content {
width : auto;
margin-left : auto;
margin-right : auto;
font-size : 9pt;
line-height : 12pt;
}

/* ------------   ZONE TEXT (PARAGRAPHE)  ------------- */
div.parag_text_content p {
margin : 0px;
}

/* -------------------- ZONE IMAGE / IMAGES HAUT, IMAGES BAS  -------------------- */
div.parag_images_bottom {
width : auto;
padding-top : 10px;
}

div.parag_images_bottom a img, div.parag_images_bottom img {
margin-right : 16px;
margin-left : 16px;
}

div.parag_images_top {
width : auto;
padding-bottom : 10px;
}

div.parag_images_top a img, div.parag_images_top img {
margin-right : 16px;
margin-left : 16px;
}

/* -------------------- ZONE IMAGE / IMAGES DROITE -------------------- */
div.parag_images_right {
width : auto;
height : auto;
float : right;
padding : 4px 0px 0px 15px;
}

div.parag_images_right a img, div.parag_images_right img {
display : block;
margin : 0px 0px 5px 0px;
}

/* -------------------- ZONE IMAGE / IMAGES GAUCHE -------------------- */
div.parag_images_left{
width : auto;
height : auto;
float : left;
padding: 4px 15px 0px 0px;
}

div.parag_images_left a img, div.parag_images_left img {
display : block;
margin : 0px 0px 5px 0px;
}

div.parag_content a, div.parag_content a img {
border : 0px;
}

div.parag_content ul, div.parag_content ol {
padding : 10px 0px 5px 0px;
}

div.parag_content li, div.parag_content blockquote {
margin : 0px 0px 5px 20px;
}

div.parag_text_content img, div.parag_text_content a img {
padding : 5px;
}

p.pdf {
padding-bottom : 5px;
}

p.pdf a {
background : url('../../icones/icon_pdf.gif') no-repeat center left;
padding-left : 25px;
}

/* ########## FOOTER ZONE ########## */

div#footer_zone {
width : 995px;
height : 40px;
background : url('../footer-background.png') no-repeat top left #fbfbfb;
font-size : 9pt;
margin : 0px auto 0px auto;
}

div#copyright-powered {
padding-top : 10px;
padding-right : 10px;
line-height : 30px;
color : black;
text-align : right;
}

div#copyright-powered  a {
color : #336699;
}

/* ########## SEARCH CONTENT ########## */

div.search_content, div.search_results {
width : 701px;
background : url('../search_content.png');
margin-bottom : 17px;
}

div.search_content-header, div.search_results-header {
background : url('../search_content-header.png') no-repeat top left;
}

div.search_content-footer, div.search_results-footer {
background : url('../search_content-footer.png') no-repeat bottom left;
min-height : 43px;
padding : 0px 8px 10px 8px;
}

div.search_results-footer {
padding : 0px 2px 2px 2px
}

div.search_content h2 {
color : white;
font-size : 12pt;
line-height : 27px;
padding-left:  25px;
margin-bottom : 8px;
font-family : "Trebuchet MS",sans-serif;
}

div.search_content input {
padding : 3px;
border : 1px solid #afafaf;
font-size : 9pt;
color : #444444;
width : 250px;
margin-left : 25px;
}

div.search_content textarea {
padding : 3px;
border : 1px solid #afafaf;
font-size : 9pt;
color : #444444;
width : 250px;
height : 100px;
}

div.search_content select {
padding : 3px;
border : 1px solid #afafaf;
font-size : 9pt;
color : #444444;
width : 450px;
margin-left : 25px;
font-family : Verdana,sans-serif;
}

#id_boss {
width : 250px !important;
}

div.search_content select#select_code {
width : 157px;
margin-left : 5px;
}

div.search_content input.button {
border : 1px solid #43658f;
color : white;
background : #5079a1;
padding : 2px 7px 2px 7px;
width : auto;
}

table#search_table tr td {
padding-bottom : 5px;

}

table#search_table input {
margin-left : 0px !important;
}

.search_table_selects  {
font-size : 8pt;
}

.search_table_selects select {
margin-bottom : 5px;
margin-left : 0px !important;
}

.search_table_label {
text-align : right;
padding-right : 10px;
width : 180px;
font-family: Verdana;
}

.search_table_button {
text-align : right;
}

.multipage {
width : 200px;
}

.multipage a {
margin : 0px 5px 0px 5px;
}

.multipage select {
padding : 3px;
border : 1px solid #afafaf;
font-size : 9pt;
color : #444444;
}

.search_results table tr th {
font-family: "Trebuchet MS",sans-serif;
color : white;
font-size : 11pt;
border-left : 1px solid #00e150;
text-align : center;
height : 27px;
padding : 0px 5px 0px 5px;
}

.head1 {
width : 245px;
padding-left:  25px !important;
border-left : 0px !important;
text-align : left !important;
}

.head2{
width : 66px;
}

.head3{
width : 150px;
width : 54px;
}

.head4{
width : 89px;
}

.head5{
width : 54px;
}

.search_results table tr td {
padding : 5px;
border-left : 1px solid #cccccc;
color : #444444;
}

.pair {
background : #ebebeb;
}

.more {
padding : 5px 0px 5px 0px !important;
}

.element1 {
border-left : 0px !important;
}

.formulaire input, .formulaire textarea {
width : 415px !important;
}

.formulaire input.button {
width : auto !important;
}




/* ########## CALCULATOR ########## */

div#calculator {
background : #fcfcfc;
padding : 10px;
border : 1px solid #b6b6b6;
}

div#calculator  p {
padding-bottom : 10px;
}

div#calculator div {
padding-left : 10px;
padding-bottom : 5px;
}

div#calculator div input[type=text] {
padding : 3px;
border : 1px solid #afafaf;
font-size : 9pt;
color : #444444;
width : 50px;
}

div#calculator div input[type=radio] {
margin-right : 10px;
}

div#calculator .button {
border : 1px solid #43658f;
color : white;
background : #5079a1;
padding : 2px 7px 2px 7px;
width : auto;
}

body#iframe
{
 font-family : tahoma, sans-serif;
padding : 0px 4px 0px 4px;
}


/* ########## PARAGRAPHES ########## */


body#iframe  h1 {
width : auto;
font-size : 14pt;
color : #000000;
font-weight : normal;
margin-bottom : 15px;
font-family : "Trebuchet MS",sans-serif;
}
/* -------------------- ZONE DE TEXTES -------------------- */
body#iframe .parag_text_content {
width : auto;
margin-left : auto;
margin-right : auto;
font-size : 9pt;
line-height : 12pt;
}

/* ------------   ZONE TEXT (PARAGRAPHE)  ------------- */
body#iframe .parag_text_content p {
margin : 0px;
}
.wait_publish
{
 border-top : 1px solid #00CC00 !important;
 border-bottom : 1px solid #00CC00 !important;
 background-color:#BBFFBB;

}

td.element1 img {

 margin-bottom:-5px;
}

.families {
	position: relative;
}

.families ul {
	list-style: none;
}

.families ul li,
.families span
{
	position: absolute;
	font-weight: 600;
	margin: 0;
	line-height: 10px
}

.families ul li a {
	text-decoration: none;
	color: white;
	font-size: 7pt;
}

/* DIRECTION*/
#fam_direction .link_01 {
	text-align: right;
	top: 18px;
	left: 73.5px;
	width: 188px;
}
#fam_direction .link_02 {
	text-align: right;
	top: 38px;
	left: 73.5px;
	width: 160px;
}
#fam_direction .link_03 {
	text-align: right;
	top: 58px;
	left: 55.5px;
	width: 162px;
}
#fam_direction .link_04 {
	text-align: right;
	top: 78px;
	left: 73.5px;
	width: 120px;
}

/*MATIERE*/
#fam_matiere .link_01 {
	text-align: right;
	top: 168px;
	left: 73.5px;
	width: 103px;
}
#fam_matiere .link_02 {
	text-align: right;
	top: 188px;
	left: 73.5px;
	width: 101px;
}
#fam_matiere .link_03 {
	text-align: right;
	top: 208px;
	left: 60.5px;
	width: 118px;
}
#fam_matiere .link_04 {
	text-align: right;
	top: 228px;
	left: 52.5px;
	width: 138px;
}
#fam_matiere .link_05 {
	text-align: right;
	top: 248px;
	left: 62.5px;
	width: 132px;
}

/* TECHNIQUE */
#fam_technique .link_01 {
	text-align: left;
	top: 27px;
	left: 462.5px;
	width: 178px;
}
#fam_technique .link_02 {
		text-align: left;

	top: 47px;
	left: 477.5px;
	width: 170px;
}
#fam_technique .link_03 {
		text-align: left;

	top: 67px;
	left: 497.5px;
	width: 162px;
}

/* SUPPORT */
#fam_support .link_01 {
		text-align: left;

	top: 165px;
	left: 531.5px;
	width: 107px
}
#fam_support .link_02 {
		text-align: left;

	top: 185px;
	left: 531.5px;
	width: 114px
}
#fam_support .link_03 {
		text-align: left;

	top: 225px;
	left: 523.5px;
	width: 124px
}
#fam_support .link_04 {
		text-align: left;

	top: 265px;
	left: 510.5px;
	width: 125px;
}
/*ACCOMPAGNEMENT*/
#fam_accompagnement .link_01 {
	text-align: center;
	top: 355px;
	left: 285.5px;
	width: 139px;
}
#fam_accompagnement .link_02 {
	text-align: center;
	top: 375px;
	left: 285.5px;
	width: 139px;
}

#title_direction {
	position: absolute;
	
	left: 223.5px;
	top: 72px;
	color: white;

	width: 114px;
	text-align: center;

	-ms-transform: rotate(-41deg); /* IE 9 */
  -webkit-transform: rotate(-41deg); /* Chrome, Safari, Opera */
  transform: rotate(-41deg);
}
#title_matiere {
	position: absolute;
	
	left: 181.5px;
	top: 207px;
	color: white;

	width: 114px;
	text-align: center;

	-ms-transform: rotate(71deg); /* IE 9 */
  -webkit-transform: rotate(71deg); /* Chrome, Safari, Opera */
  transform: rotate(71deg);
}
#title_accompagnement {
	position: absolute;

	width: 114px;
	text-align: center;
	
	left: 248px;
	top: 294px;
	color: white;

}
#title_support {
	position: absolute;

	width: 114px;
	text-align: center;
	
	left: 412.5px;
	top: 211px;
	color: white;

	-ms-transform: rotate(-69deg); /* IE 9 */
  -webkit-transform: rotate(-69deg); /* Chrome, Safari, Opera */
  transform: rotate(-69deg);
}
#title_technique {
	position: absolute;
	
	left: 371.5px;
	top: 71px;
	color: white;
	
	width: 114px;
	text-align: center;

	-ms-transform: rotate(37deg); /* IE 9 */
  -webkit-transform: rotate(37deg); /* Chrome, Safari, Opera */
  transform: rotate(37deg);
}