/* RESET DES ATTRIBTUTS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
body {	line-height: 1;}
body img {border:0px none; margin: 0;	padding: 0;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table {	border-collapse: collapse;	border-spacing: 0; float:center;}
.align_center { text-align:center; border:0; float:center;	}
.align_right { text-align:right; border:0;	}
.align_left { text-align:left; border:0;}
hr { color: #2c62cf; line-height:1pt;	}
.align {clear: both;	border: 1px solid #e3eff9;}
.align2 {clear: both;	border: 1px solid #c5e0f3;}
.align3 {clear : left ;}


.tpe1 a:link {color:#00f; font-weight:800; text-decoration:none; font-size:10pt; background:#fff; padding: 0;	padding-left:5px;}
.tpe1 table {background:#fff;}
.tpe1 u {color:#f00; text-decoration:none; font-family:Comic Sans MS; margin-left:0px;}
.tpe2 {color:#999; font-weight:400; text-decoration:none; background:#fff; padding-left:10px;}


body { background:#86addc url(http://bretagne-web.fr/img/bg.gif) repeat-x  top center;}
body img {margin:0; padding:0; border:0px none;}

#cont {width:70%; width : 992px; background : #e3eff9 ; margin : 0 auto ; margin-top:0; padding:0; border: 1px solid #437ae1; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:0.7em ;}
#haut { height : 150px ; background : url(http://bretagne-web.fr/img/top_annu.jpg) no-repeat; z-index:1;}

/*#haut h1 {float:right; margin: 0px 20px 0px 0; font-size:38pt; color:#FFFFFF;}
#haut h2 {text-align:right; padding: 115px 10px 0 0; font-size:12pt; color:#FFFFFF;}*/
#haut h1 {float:right; margin: 0px 20px 0 0; font-size:38pt; color:#FFFFFF;}
#haut h2 {float:left; text-align:left; padding: 80px 0 0 0px; font-size:12pt; color:#FFFFFF; width:990px;}
#haut a {float:right; margin: 0px 20px 0 0; font-size:28pt; color:#FFFFFF;}
#haut a {float:right; margin: 10px 10px 0 0; font-size:28pt; color:#FFFFFF; text-decoration: none;}
#haut a:hover {float:right; margin: 10px 10px 0 0; font-size:28pt; color:#fef87e; text-decoration: none;}


#banner{/*
	width: 992px;
	height:150px;
	display: block;
	color: #1F1E1E;
	margin: 0px auto 0 auto;
	padding: 0px 0 0 0;
	background: #340902 /*url(images/header4.jpg) no-repeat*/;
	/*text-align: center;
 z-index:-1;*/
  }







#menu {border-top : 1px solid #47493E ; width : 100%;  height : 28px ; background : url(http://bretagne-web.fr/img/menu_annu.jpg);}


/*#menu ul {height : 20px ; margin : 3px 0 0 0  ; padding : 0 ; list-style : none;  }
#menu li { float : left ; padding : 0 10px 0 10px  ; margin:0 0 0 -1px; color : #fff ; text-decoration : none ; border-left : 1px solid #fff; }
#menu li a  { color : #fff ;text-decoration : none;  }
#menu li a:hover  { color : #eee ;text-decoration : none;  }
#menu li:first-child {border:0;}
*/

/*#menu {height:29px;  background: #fff url(images/top.jpg) top left repeat-x;}*/
#menu ul {list-style:none;	margin-top:4px ;	padding:0px 5px 0 0;	float:left; display:inline; /*height : 20px ;*/}
#menu li {display:inline;	font-size:11pt;	padding:10px 2px 0px 2px;	font-weight:600;}
#menu a  { font-weight:600; padding : 5px 2px 0 2px  ; margin:0; font-size: 80%;  color : #fff ; text-decoration : none ;}
#menu a:hover  { color : #fff ; text-decoration : none ;}
#menu img {float:right; margin :-15px 0  0 0 ;}

.recherche_google { margin-left:5px; margin-top:-45px; }

#left {float : left ; width : 195px ;  /*background :#fff ;*/ margin: 0; padding : 0 ;  text-align:center; /*height:800px;*/}
#left h1 {margin : 0 0 10px 20px ; padding : 0 ; color : #47493E ; }
#left ul {margin : 0 0 0 0px; padding : 0 ; list-style : none;  }
#left li {display : block ; height : 18px ; /*text-indent : 10px ; background : url(http://bretagne-web.fr/img/puce.jpg)  0 3px  no-repeat;*/   }

#right {float : right ; /*width:85%;*/  width:795px; /*background:#ffff8b /*transparent*/; margin : 0; text-align:center; }
#right ul {margin : 0 0 0 10px ;  padding : 0 ; list-style : none; }
#right li {font-weight:bold; margin: 5px 0 0 0; display:block ; height: 20px ; border-bottom : 1px dotted #ccc ;}
.paragraphe_right {font-size: 130%; color: #154c7b; margin:20px; text-align:left;}
.paragraphe_right a { color:#00f; text-decoration:underline;}
.paragraphe_right a:hover { color:#f00; text-decoration: none;}
.paragraphe_right a:visited { color:#999; text-decoration: none;}

.RSS {margin:0; text-align:left; background-color:#fbfaf6; padding:10px;}

.echange_lien { border:0; padding:0; margin:0; border-collapse: collapse; width:780px;}
.echange_lien td {float:left; text-align:left; font-size: 80%; text-decoration: none; font-weight:500; padding:0; margin:0;}

#table_cartes {float:center; border:0; padding:0; margin:0; border-collapse: collapse; width:790px; text-align:left;}
#table_cartes td {font-size: 110%; color:#235492; text-decoration: none; font-weight:400; padding:0 5px 0 0; margin:0;}
#table_cartes td img {float:left; border:0; padding:0; margin: 0 5px 5px 0;}
#table_cartes td a {color:#235492; font-weight:700; }
#table_cartes td a:visited {color:#235492; font-weight:700; }

.table_domaines {float:right; border:0; padding:0; margin:0; border-collapse: collapse; width:790px; text-align:center; /*background:#ffff8b ;*/}

.table_liens {float:center; border:0; padding:0; margin:0; border-collapse: collapse; width:790px; text-align:center; /*background:#ffff8b ;*/}
.table_liens td { color: #999; font-size: 100%; text-decoration: none; font-weight:500; padding:10px;}
.table_liens td h2 { font-size: 150%; color: #3b6fdd; margin: 0; padding:0; text-align:center;}
.table_liens td h3 { font-size: 130%; color: #3b6fdd; margin: 0; padding:0; text-align:center;}

.table_inscription {float:center; border:0; padding:25px; margin:0; border-collapse: collapse; text-align:center; /*background:#ffff8b ;*/}
.table_inscription td { color: #2c62cf; font-size: 110%; text-decoration: none; font-weight:500; padding:10px 0 0 10px;}
.table_inscription td h2 { font-size: 130%; color: #3b6fdd; margin: 0; padding:0 0 px 0; text-align:center;}
.table_inscription td h4 { font-size: 130%; color: #f00; margin: 0; padding:0 0 20px 0; text-align:center;}
.table_inscription td h5 { font-size: 130%; color: #008000; margin: 0; padding:0; }
.table_inscription td h6 { font-size: 130%; color: #2b62cf; margin: 0; padding:0; }
.table_inscription td img { margin: 0; padding:0; border:0;}
.table_inscription a:link	{font-size:100%; font-weight:400; color: #00f; text-decoration: none;}
.table_inscription a:hover	{font-size:100%; color: #ff9e0d; text-decoration: underline;}
.table_inscription a:active {font-size:100%; color: #2c62cf; text-decoration: none;}
.table_inscription a:visited {font-size:100%; color: /*#999*/rgb(153,0,0); text-decoration: none;}

.footer {clear : left ; float : left ; /*background-color : #fff ;*/ text-align : center ; color : #ccc ; height : 20px ; width:100%;}
 
h1 { font-size: 170%; color: #333; margin : 20px 0 20px 0 ; padding : 0}
h2 {  font-size: 150%; color: #333; margin : 0 0 0 20px ; padding : 0}
h3 { font-size: 130%; color: #333; margin : 20px 0 20px 0 ; padding : 0}
h4 { font-size: 130%; color: #333; margin: 20px 0 20px  0; padding:0;}
h5 { font-size: 90%; color: #333; margin: 0; padding: 10px 0 5px 0;}
/*h6 { font-size: 80%; color: #333; margin: 0; padding: 10px 0 5px 0;}*/
h6 {text-align:center; font-size: 68%; color: #666; margin: 0; padding: 0; font-weight:500;}



.partenaires {/*width : 70% ; width : 90%*/; background : transparent ; padding: 10px; text-align:justify; }
.partenaires h3 { font-size: 130%; color: #333;	text-align:center;}
.partenaires a:link	{font-size:80%; font-weight:400; color: #2c62cf; text-decoration: none;}
.partenaires a:hover	{font-size:80%; color: #ff9e0d; text-decoration: underline;}
.partenaires a:active {font-size:80%; color: #2c62cf; text-decoration: none;}
.partenaires a:visited {font-size:80%; color: /*#999*/rgb(153,0,0); text-decoration: none;}

.MyCircle {color:#474b93; background-color:#f0f6fb; text-align:left; width:750px; padding:10px 10px 0 10px; border: 1px solid #437ae1;}
.MyCircle a:link {color:#00f; text-decoration: none;}
.MyCircle img {padding:0; margin:0; float:center; text-align:center;}




/*  PUBS */
#pub { text-align:left; margin:0 0 0 8px; padding:0px;}
#pub2 { text-align:center; margin-left:35px; padding:0px;}
#pub3 { text-align:center; margin:8px 0 0 -20px; padding:0px;}

#pub_bas { text-align:center; margin:0px; padding:20px; font-size:6pt; color: #2c62cf;  /*background:#0f0;*/}
#pub_bas a {border:0px; padding:0px; font-size:6pt; font-weight:300; color: #2c62cf; text-decoration: none;}
#pub_bas a:hover {border:0px; padding:0px; font-size:6pt; font-weight:300; color: #999; text-decoration: underline;}

#pub_bas2 {font-size:12pt; color: #2c62cf; }
#pub_bas2 a:link { font-size:12pt; color: #2c62cf; text-decoration: none;}
#pub_bas2 a:hover { font-size:12pt; color: #999f; text-decoration: none;}
#pub_bas2 a:visited { font-size:12pt; color: #999; text-decoration: none;}
#pub_bas2 a:active { font-size:12pt; color: #00f; text-decoration: none;}

/*  FINPUBS */
.petit {	font-size: 12px;	}
.pageautre {	color:#2c62cf;	font-weight:400; text-decoration:none;	}
.pageactuelle {	color:#2c62cf;	font-weight:400; text-decoration:underline;}
.titre { font-size: 11px;	font-weight: bold;	color: #000;	}
.titre1 {	font-size: 11px;	font-weight: normal;	color: #000;	}
.titre2 {	font-size: 11px;	font-weight: normal;	color: #666;	}
.titre3 {	font-size: 11px;	font-weight: bold;	color: #666;	}
.titre4 {	font-size: 11px;	font-weight: normal;	color: #F00;	}
.listelien { font-size: 11px;	font-weight: bold;	color: #369;	}
.listedesciption { font-size: 11px;	font-weight: normal;	color: #666;	}

/* LES COULEURS */
.blanc { color: #fff; font-size: 100%; text-decoration: none; font-weight:600;}
.gris { color: #666; font-size: 12pt; text-decoration: none; font-weight:700;}
.lien_bleu { color: #2c62cf; font-size: 130%; text-decoration: none; font-weight:600;}
.lien_petit_bleu { color: #2c62cf; font-size: 110%; text-decoration: none; font-weight:400;}
.lien_gris { color: #999; font-size: 10pt; text-decoration: none; font-weight:600;}
.lien_vert {color: #45d61d; font-size:105%; text-decoration: none; font-weight:700;}
.lien_petit_vert {color: #45d61d; font-size:100%; text-decoration: none; font-weight:400;}

.petit_rouge {color : #CC0000; }
.petit_vert {color : rgb(0,153,0);}

.lien_rouge { color: #c00; font-size:130%; text-decoration: none; font-weight:600;}
.lien_petit_rouge { color: #cc0000; font-size: 100%; text-decoration: none; font-weight:400;}
.highlighttext{background-color:yellow; font-weight:600;}

/* LES LIENS */
a:link	{ text-align:left; font-size:100%; font-weight:400; color: #00f; text-decoration: none; color : #000;}
a:hover	{ text-align:left; color: #ff9e0d; text-decoration: underline;}
a:active { text-align:left; font-size:100%; font-weight:400; color: #2c62cf; text-decoration: none;}
a:visited { text-align:left; font-size:100%; font-weight:400; color: #999; text-decoration: none;}

.lien_petit_rouge a:hoover { color: #ff0000; font-size: 8pt; text-decoration: underline; font-weight:400;}

#num_page a:link { font-size: 12pt; color: #2c62cf; text-decoration: none;}
#num_page a:hover	{ font-size: 12pt; color: #fff; text-decoration: underline;}
.echange { text-align:center; margin-top:10px; padding:0px; font-weight:600; color:#666; }

#pdp { font-size: 11px;	font-weight: normal;	color: #000;	width: 90%;	text-align: center;	}




/*  STYLE DU MENU  */
.glossymenu{margin: 5px 0;padding: 0;width: 195px; /*width of menu*/border: 1px solid #9A9A9A;border-bottom-width: 0;}
.glossymenu a.menuitem{background: black url(http://bretagne-web.fr/img/glossyback.gif) repeat-x bottom left;font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;color: white;display: block;position: relative; /*To help in the anchoring of the ".statusicon" icon image*/width: auto;padding: 4px 0;padding-left: 10px;text-decoration: none;}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{color: white;}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/position: absolute;top: 5px;right: 5px;border: none;}
.glossymenu a.menuitem:hover{background-image: url(http://bretagne-web.fr/img/glossyback2.gif);}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/background: #e3eff9;}
.glossymenu div.submenu ul{ /*UL of each sub menu*/list-style-type: none;margin: 0;padding: 0;}
.glossymenu div.submenu ul li{/*border-bottom: 1px solid blue;*/}
.glossymenu div.submenu ul li a{display: block;font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;color: #386cda;text-decoration: none;padding: 2px 0;padding-left: 10px;}
.glossymenu div.submenu ul li a:hover{background: /*#DFDCCB#edf5fc*/#a9cdf4;color: #0c3e69;}
/* Fin de STYLE du menu */

.mypets{ /*header of 1st demo*/cursor: hand;cursor: pointer;padding: 2px 5px;border: 1px solid gray;background: #E1E1E1;}
.openpet{ /*class added to contents of 1st demo when they are open*/background: yellow;}
.technology{ /*header of 2nd demo*/cursor: hand;cursor: pointer;font: bold 14px Verdana;margin: 10px 0;}
.openlanguage{ /*class added to contents of 2nd demo when they are open*/color: green;}
.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/color: red;}
.masquervoir {font: 700 14pt "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;}